学习java的第044天，今天学习了HTML5的各种标签，又学习了CSS的相关知识。
HTML5的产生历史：
W3C组织：html1--->html2--->html3--->html4 --->html4.01--->XHTML（使用场景和HTML的区別不大，不过是使用的吋候更加的严谨）
经火狐、谷歌、IE、苹果、W3C 制定并统一HTML5
相比HTML4，HTML5的优点：
HTML5统一了规范标准.改善了浏览器之间的兼容性问题，发展完善了HTML4。
取消了一些过时的 HTML4的标签；
添加了一些新的元素
比如：更加智能的表单标签：date, email, url 等；
更加合理的标签：section, video, progress, nav, meter, time, aside, canvas等
文件类型声明（<!DOCTYPE>）仅有一型：<!DOCTYPE HTML>。
HTML5 中增强表单标签
结果：
网页引入音频和视频最常用的格式是MP3和MP4。
HTML5 中的绘图标签 ：
<details>展示文章的细节 mark：着重突出的内容
刻度标签 ：
<meter max="100" min="0" value="10" low="20"high="80"></meter>进度条：
<progress max="100" value="40"></progress>CSS (Cascading Style Sheets；层叠样式表)
入门：（CSS 的作用）
【1】HTML 虽然可以在一定程度上修饰页面，但是页面的整体还是不够美观。
【2】HTML 进行网页的书写重复的代码比较多，后期的维护性不好。
CSS 的引入的三种方式 ：
【1】行内样式 键：值 ：在标签的内部直接使用（不推荐使用）
【2】内嵌样式 ：这个style标签写建议写到head里面，因为这个中的内容需要展现到用户面前的
【3】外部式（连接式）参数：rel：引入文件和当前文件的关系 href：引入文件的路径
CSS 中三种引入方式遵循的就近原则 ：
不相同的样式会进行样式的叠加，相同的样式会采用就近的原则。样式跟随距离自己近的风格
CSS 中的常用选择器 ：常用三种选择器：
标签/元素选择器；
id选择器 ：id:(唯一性) id命名：数字、字母、下划线、中划线（-），不能用数字开头
class选择器；
优先级： id 选择器>class 选择器>标签/元素选择器 >通用选择器；权重 ：100 10 1
通用选择器 ：代表该页面中的所有的元素
其他选择器
后代选择器 只要包含该标签对象即可
子选择器 直系子标签
兄弟选择器 只会改变下面相邻的元素对象
兄弟选择器 后面所有的兄弟对象都会改变
伪类选择器 ：
CSS 中常用样式总结：
字体：
字体的颜色：color: gray;
字体的大小：font-size: 12px;
字体的加粗：font-weight: bold;*/
字体的风格：font-family: 宋体;*/
字体倾斜：font-style: italic;*/
text
下划线展示：text-decoration: underline;
去除下划线：text-decoration: none;
文本居中：text-align: center;
行高：line-height: 40px;
背景
设置背景图片： background-image: url("");
设置背景图片不重复：background-repeat: no-repeat;
调整背景图片的位置 X Y：background-position: center;
调整背景图片的大小 宽 高 ：background-size: 300px 500px;
背景颜色和透明度
行元素和块元素
行内元素：（多个标签位于同一行）
span font 小标签 img a 等
块元素：（标签可以自动换行的元素是块元素）
div h1-h6 ul p 等
其他样式
超出隐藏 hidden
overflow: hidden;
行内元素转块级元素 inline block none(隐藏)
display: block;
