第一节认识css
现在我们开始学习css，css指层叠样式表(CascadingStyleSheets)，样式定义如何显示HTML元素，样式通常存储在样式表中，样式是为了让内容与表现分离，外部样式表通常存储在CSS文件中，学习css样式需要记住的东西很多，要多花时间去记，不过多练习，写得多了，自然就记住了。
特别提醒：css中所有的符号比如{}，()，;这些都必须是英文的，所有的命名规范也建议大家以英文字母开头。
1、网页布局
CSS常见的布局方式包括弹性布局、固定布局、流体布局、混合布局、绝对定位布局等，了解就行。
1)弹性布局：总体宽度及其中所有栏的值都以单位编写。应使布局能够给浏览器指定基本字体大小缩放。能以任何大小显示更舒适、更可读的行长度。
2)固定布局：总体宽度及其中所有栏的值都以像素单位编写，布局位于用户浏览器的中心。
3)流体布局：总体宽度及其中所有栏的值都以百分比编写，百分比通过用户浏览器窗口的大小计算。
4)混合布局：混合布局组合两种其他类型的布局，弹性和流体。页面的总宽度为%，但侧栏值设置为em单位。
5)绝对定位布局：所有前述布局的外栏使用浮动内容。而绝对定位布局完全如其名，有绝对定位的外栏。
2、内嵌样式
内嵌样式的css声明总是以分号;结束，:作为名称和值的分隔，都是必须英文的。
Html中所有的元素都有style属性，它就是用来设置css内嵌样式的。
代码图：
效果图：
说明，background-color:red;设置背景颜色为红色；width:px;height:px;设置背景宽度和高度都为px。
3、行内样式
行内样式的css声明总是以分号;结束，所有设置的样式都放在{}中。
行内样式涉及到选择器，现在我们简单以标签选择器来进行演示。
代码图：
效果图：
说明：行内样式一般放在head标签中，放其他地方不影响，但是必须放在styletype="text/css"这个css样式中，type="text/css"这个可以省略，建议写上。
样式选择器是通过p元素来实现的，这个是设置当前页面所有的p元素样式，只要是p标签就会生效，不够精确，精确的下一节讲解。
4、外部样式
外部样式内容是跟内部样式没多大区别，它只不过是把css样式跟html进行分离，将styletype="text/css"中的内容放在另外的css文件中，再通过link标签引入到HTML中，rel="stylesheet"这个不能省略。
代码图：
Html中：
css文件中：
效果图：
注意：
内嵌样式，行内样式，外部样式三个存在优先级，它们的优先级是内嵌样式行内样式外部样式，因此，如果三种样式在同一个元素上设置，内嵌样式生效。
行内样式，外部样式在同一类中，如果有多个样式设置同一元素上，最后一个生效，其它无用。
任务一：测试三种样式优先级效果
任务二：同一种样式中，测试是否是最后一个样式生效。