20210522-王博
工作日志
一.知识总结
1.视频（video使用方法和audio类似）
<video src=""></video>
src 源
controls 控件
poster 视频封面，如果不设置显示视频的第一帧
2.H5新增标签
<datalist> 下拉列表
<embed> 嵌入内容，比如插件
<mark> 定义带有记号的文本，默认为黄色
<marquee> 滚动文字
3.CSS（层叠样式表）
语法：selector{declaration 1;declaration 2;……；declaration N}
属性：selector {property: value;}
（使用大括号{}来声明）
用法;
(1)内联样式： style 属性(attribute)是属于 当前元素 的 (即当前标签的)。
(2)内部样式：通过style元素来嵌入CSS样式，建议将style元素放在head元素内部
<head>
...
<style type="text/css">
</style>
</head>
(3)外部样式表：。每个页面使用标签链接到样式表。标签在（文档的)头部
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
样式优先级：内联样式 > 内部样式 和 外部样式 （内部样式和外部样式优先级取决于谁后生效【就近原则】），可以在属性值的后面添加 !important 提升样式的优先级
选择器：标签选择器、ID选择器、class选择器、属性选择器、子元素选择器、后代选择器、伪类、通配选择器、组合选择器。
(class属性的值是自定义的，可以有多个，多个用空格隔开——区分大小写)
(ID选择器——区分大小写)
(伪类：网页元素的各种状态
a:link未访问状态
a:visited:访问过后状态
a:hover：鼠标悬停状态
a:active：激活选定状态
注：定义顺序必须是此顺序)
:last-child 最后一个元素
:first-child 第一个元素
:nth-child(1) 第1个子元素
:before 在元素渲染之前
:after 在元素渲染之后
常用CSS属性：
元素尺寸：
（1）宽度： width : value ;
（2）高度：height : value
边框：
（1）四周边框粗细：border-width : width ;
（2） 四周边框风格： border-style : none | solid | double | dotted | ... ;
（3）四周边框颜色：border-color : color ;
批量设置四边边框的 粗细、风格、颜色 可以通过 border 属性来实现:border : width style color
注意： border 属性值的书写顺序:
- 粗细 ( width )
- 风格 ( style )
- 颜色 ( color )
顶部边框：
（1）顶部边框粗细：border-top-width : width ;
（2）顶部边框风格：border-top-style : none | solid | double | dotted | ... ;
（3）顶部边框颜色：border-top-color : color ;
依次设置顶部边框的 粗细、风格、颜色 可以通过 border-top 属性来实现:border-top : width style color
底部边框：border-bottom:width style color ；
左侧边框：border-left:width style color ；
右侧边框：border-right:width style color ；
圆角边框：border-radius:width；
二.心得体会
对于今天学习的内容还是有许多地方不是很理解，比如CSS的用法的内容理解的不是很到位，似懂非懂的样子，比较模糊，有时学习了后面的，前面学的脑子里还是比较模糊的。
三.疑问
对于CSS的用法理解的不是很清晰。
