1. 简介
是层叠样式表单，用于（增强）控制网页样式并允许将样式信息与网页分离的标记语言。
实际开发中主要用于设置HTML页面中的文本内容（字体、字号、对齐方式等）、图片的外形{宽、高、边框样式、边距等}及版面布局等外观显示样式。
规则如下
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
上式中选择器用于指定CSS样式作用的HTML对象，属性是对该对象的具体样式。
案例：通过CSS样式对< div>标记进行设置如下：
div{border:2px solid blue;width:300px;height:200px;}
上面div为选择器，表CSS样式作用的HTML对象；px表像素它是相对于显示器屏幕分辨率而言的，而百分比（%）是相对于父对象而言的，如一元素呈现的宽度为400px，子元素设置为50%，那么子元素宽度为200px.
颜色取值主要有三种
（1）预定义的颜色值，如red,green,blue等
（2）RGB代码，如红色可以用rgb(255,0,0)或rgb(100%,0%,0%),0的%不能省略。
（3）十六进制，如#FF0000、#FF6600、#29D794等。最常用
2. CSS样式的引用方式
要使用css修饰网页，就需要在HTML文档中引入CSS。两种方式：内嵌式和链入式。
（1）内嵌式：将CSS代码集中写在HTML文档的< head>头部标记中，并用< style>标记定义，语法如下：
<head>
<style type="text/css">
选择器 {属性1:属性值;属性2:属性值;属性3:属性值;}
</style>
</head>
上述中，< style>标记一般位于< head>标记的< title>标记之后，必须设置type值为text/css.这样浏览器才知道< style>标记包含的式CSS代码。
注：只对其所在HTML页面有效，只设计一个页面时有效，若是网站不建议使用。
（2）链入式：将所有的样式放在一个或多个以css为扩展名的外部样式表文件中，通过< link/>标记将其链接到HTML文件中，语法如下：
<head>
<link href="CSS文件的路径" type="text/css" rel="stylesheet" />
</head>
上述link标记三个属性：
a.href:定义所链接外部样式表文件的地址。
b.type:定义所链接文档的类型。
c.rel:定义当前文档与被链接文档之间的关系，这里需指定stylesheet,表示被链接的文档是一个样式表文件。
3. CSS选择器和常用属性
（1）标记选择器：所有的HTML标记都可以作为标记选择器的标记名
（2）类选择器：使用.（英文.号）标识后面紧跟类名
（3）id选择器：使用”#“标识后面紧跟id名
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
