CSS简介
CSS 指层叠样式表 (Cascading Style Sheets) CSS被用来同时控制多重网页的样式和布局。 样式定义如何显示 HTML 元素 样式通常存储在样式表中 样式解决了内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个
##CSS基本语法 CSS样式由选择器和声明组成，声明又由属性和值组成。 属性和值之间使用冒号分隔；多个属性之间使用分号分隔
基本选择器
- 标签选择器：就是HTML中的标签
h2{color:red}
-将h2标题中的字体的颜色设置为红色
- ID选择器：#id属性值
#p1{color:green}
-将id属性值为p1的标签中的额字体设置为绿色
- 类选择器：.class属性值
.p2{color:blue}
-将class属性值为p2的标签中的内容设置蓝色
- 分组选择器
h2,#p1,.p2{font-size:60px}
-分别将标题、id属性值为p1、class属性值为p2的标签中的字体的大小设置为60像素
引入样式表
插入样式表的方法有三种:
- 外部样式表(External style sheet)
- 内部样式表(Internal style sheet)
- 内联样式(Inline style)
优先级：
内联样式> 内部样式>外部样式> 浏览器默认样式
注意：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。
外部样式表 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部：
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
内部样式表 当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用
