1、css 样式由选择符和声明组成，而声明又由属性和值组成。
2、在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用<!--注释语句-->)。
3、CSS样式基本知识：
按CSS嵌入的形式可分为三种：内联式、嵌入式、和外联式。
内联式就是将css代码直接写在现有的HTML标签中如：
<p style="color:red">这里文字是红色。</p>
嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间如：
<style type="text/css">
span{
color:red;
}
</style>
外部式css样式就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内。
<link href="base.css"rel="stylesheet" type="text/css" />
4、css选择器：
分为：标签选择器、类选择器、ID选择器
标签选择器：
p{
font-size:12px;
line-height:1.6em;
}
类选择器：
.类选器名称{css样式代码;}
注意：
1、英文圆点开头
2、其中类选器名称可以任意起名（但不要起中文噢）
ID选择器：
#ID选器名称{css样式代码；}
类和ID选择器的区别：
相同点：可以应用于任何元素
不同点：1、ID选择器只能在文档中使用一次。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的
子选择器：
即大于符号(>),用于选择指定标签元素的第一代子元素：
.food>li{border:1px solid red;}
包含选择器：
即加入空格,用于选择指定标签元素下的后辈元素：
.first span{color:red;}
请注意这个选择器与子选择器的区别：
子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代；而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
总结：>作用于元素的第一代后代，空格作用于元素的所有后代。
通用选择器：
它使用一个（*）号指定，它的作用是匹配html中所有标签元素（不需要定义），如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色：
* {color:red;}
伪类选择符：
它允许给html不存在的标签（标签的某种状态）设置样式，比如给html中一个标签元素的鼠标滑过的状态来设置字体颜色：
a:hover{color:red;}
分组选择器：
当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，）如下代码：
h1,span{color:red;}
它相当于下面两行代码：
h1{color:red;}
span{color:red;}
731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
