摘要: 语义化元素(了解):只是将元素语义化,实际上只是一个块级元素,没有其它特性 媒体元素:audio与video的属性一致 如果浏览器不支持视频的播放格式,那可以使用<source>标签来指定多个视频格式,浏览器会依次寻找支持的格式来播放(只播放一个) 阅读全文
posted @ 2020-05-19 17:30 铁憨憨coderz 阅读(164) 评论(0) 推荐(0)
摘要: transform(形变) translate scale 改变缩放的原点 rotate skew 倾斜 transition(过渡) 形变与过渡一般一起使用 animation(动画) 用keyframes定义动画 调用动画 更复杂的动画效果 更多的动画属性 3D转换 旋转要配合透视与位移才能实现 阅读全文
posted @ 2020-05-01 16:33 铁憨憨coderz 阅读(569) 评论(0) 推荐(0)
摘要: 视口:所能直接看到的网页 画布: 所有的包括未被滚动出来的网页 标准流(normal flow):默认情况元素都按标准流布局,从左往右,从上到下,不存在层叠) 脱标元素:绝对定位/浮动是block元素,但是是脱标元素,即使是block元素也只会包裹内容,而不会占据一整行 position stati 阅读全文
posted @ 2020-05-01 16:26 铁憨憨coderz 阅读(300) 评论(0) 推荐(0)
摘要: HTML列表表格及表单 列表 有序列表ol 无序列表ul 定义列表dl dt(列表中每一项的项目名) dd(列表中每一项的具体描述) 表格 table tr 表格中的行 td 行中的单元格 边框合并属性 border-collapse: collapse tbody 表格的主体 caption 表格 阅读全文
posted @ 2020-03-24 20:31 铁憨憨coderz 阅读(790) 评论(0) 推荐(0)
摘要: css选择器 1.属性选择器 为带有相同属性的所有元素设置样式: 2.组合选择器(重要) 后代选择器 div span { } 表示对div元素下的所有span元素生效(包括直接、间接子元素) div p span { } 表示对div元素里的p元素里的span元素生效(直接或间接) 子代选择器 d 阅读全文
posted @ 2020-03-20 18:31 铁憨憨coderz 阅读(252) 评论(0) 推荐(0)
摘要: css文本与字体的属性 文本属性 text-decoration(文字装饰线)的属性 text-tabsform(设置文字大小写转换):用的比较少 text-indent 用于对第一行内容的缩进 text-align用于设置元素内容在元素中的水平对齐方式(默认左对齐) 字体属性 font-size设 阅读全文
posted @ 2020-03-20 18:21 铁憨憨coderz 阅读(255) 评论(0) 推荐(0)
摘要: 基本元素 字符实体 有一些字符是预留的,必须替换为字符实体才能正确显示 例子: 字符实体&nbsp;代表空格 即为 字符实体&amp;nbsp;代表空格 span标签 span标签是行内元素,本身并无特殊效果,但方便使用选择器对其中的内容进行样式格式化 a标签 href属性: 所要跳转的目标链接,如 阅读全文
posted @ 2020-03-20 18:11 铁憨憨coderz 阅读(195) 评论(0) 推荐(0)