CSS基础一、CSS概述
CSS的思想就是首先指定对什么“对象”进行设置，然后指定对该对象的哪个方面的“属性”进行设置，最后给出该设置的“值”。
二、CSS语法
CSS样式表是有若干条样式规则组成。每一条样式规则由三部分组成
选择符/器（selector）
，属性(properties)
定义方式 ：
<style>
选择器{属性1：属性1值；属性2：属性2值；……}
</style>
三、CSS选择器
1.标签选择器：
2.类选择器：由用户自己定义。同一个类别可以应用于多个标记。还可以同时给一个标记运用多个类别选择器，使两个类别的样式风格同时运用到一个标记中。
3.ID选择器：使用方法跟类选择器基本相同，不同之处在于ID选择器只能在HTML页面中使用一次，因此，其针对性更强。
类选择器与ID选择器在直观上的区别：
在定义时选择器的前缀不同
在HTML使用时，前者用id属性，后者用class属性
更深层次的区别在于：
一个ID选择器的样式只能用于一个HTML元素
一个HTML元素只能使用一个ID选择器
4.全局选择器
一个页面中所有HTML标记使用同一样式，可以使用全局选择器。对所有HTML元素起作用。
语法
如：
5.组合选择器
将多种选择器进行搭配。
一般组合方式是标签选择器和类选择器组合；或是标签选择器和ID选择器组合
如
h1.red{color:red}
6.继承选择器
子标记在没有定义的情况下所有的样式是继承父标记的。
HTML文档树
：
CSS继承就是指子孙元素继承祖先元素的某些属性。
CSS继承指的是子标记会继承父标记的所有样式风格，并可以在父标记样式风格的基础上加以修改，产生新的样式，而子标记样式风格完全不影响父标记。
7.伪类
用伪类定义的CSS样式并不是作用在标记上，而是作用在标记的状态上。
超级链接的伪类，包括：
:link
:visited
:hover
:active
四、引入方法
1.行内样式
直接对HTML的标记使用style属性，将CSS代码直接写在其中（示例）
最为简单的CSS使用方法，但由于需要为每一个标记设置style属性，后期维护成本依然很高，而且网页容易过“胖”，因此不推荐使用。
2.内嵌式
将CSS写在与之间，并且用标记进行声明。
3.外部样式表
把样式表存储在一个单独的文件中，同时供一个网站中的多个网页使用
使用方法：链接式和导入式
将HTML页面本身与CSS样式风格分离为两个或多个文件，实现了页面框架HTML代码与美工CSS代码的完全分离，前期制作和后期维护都十分方便。
（1） 导入式
<style>
</style>
（2）链接式
<link href=“sheet1.css”
type=“text/css” rel=“stylesheet”>
该链接语句需要放在页面<head>标记区。 |
|
|
来自： 吕小薇 > 《HTML代码编辑》
