CSS由规则组成，每个规则为选择的HTML元素提供样式。
典型的规则包括一个选择器以及一个或多个属性和值。
选择器指定 规则将应用到哪些元素。
每个属性声明以一个分号结束。
规则中所有属性和值都放在{ }之间。
可以使用元素名作为选择器，选择任意元素。
通过用逗号分隔元素名，可以一次选择多个元素。
只能对body中的元素添加样式。
要在HTML中包含一个样式，可以在<head>元素中添加<style>元素。
推荐的方法是将CSS单独写在一个文件中，然后在HTML页面中引入这个CSS文件：
<link type="text/css" rel="sylesheet" href="......"><link>元素用来链入外部信息。它是一个void元素，无结束标签。type属性指示类型，在HTML5中，不再需要这个属性。rel属性指定了HTML文件与链接文件之间的关系，这里要链接到一个样式表，使用stylesheet。href指定链接文件，可以使用相对路径或URL。
元素可以从它的父元素集成样式。
如果一个元素不想继承父元素的样式，可为它单独指定样式来覆盖集成。CSS总会使用最特定的规则。
不是所有的CSS属性都能集成。一般，如果样式影响到文本外观，它们都能集成，如果字体颜色（color）、字体（font-famliy）、字体大小（font-size）、字体粗细（font-weight）和斜体（font-style）。其他属性不能集成，如边框。
用/* */来包围CSS注释，可以跨多行。
可以使用class属性将元素添加到一个类。
通过在元素名和类型之间加一个"."，可以选择该类中的一个特定元素。
使用“.classname”可以选择这个类的所有元素。
通过在class属性中放入多个类名，可以指定一个元素属于多个类，类名之间用空格分隔。
元素应用样式的规则：
- 如果有选择器选择到它，就使用选择器设置的样式；
- 如果没有选择器，就使用继承额。查看父元素，父元素的父元素，以此类推；
- 都没有就使用默认值。
如果有多个选择器选择到一个元素，则会比较哪个选择器更特定，如下情况特定性由高到低：元素.类，.类，元素。
如果选几个选择器特定性相同，则会使用在CSS文件中最后出现的选择器。
如果CSS里有错误，通常这个错误以下的所有其他规则都会被忽略。
jigsaw.w3.org/css-validator验证CSS文件。
一些CSS属性：
- color 字体颜色；
- font-family 指定字体；
- border-bottom：控制元素下边框的外观；
- left：指定元素左边所在的位置；
- line-height：设置一个文本元素中的行间距；
- padding：设置内边距（元素边缘 和它的内容之间的空间）；
- background-image：在元素背景放置图像；
- font-style：设置斜体文本；
- top：控制元素顶部位置；
- text-align：文本左对齐、居中还是右对齐；
- letter-space：设置字符间距；
- list-style：改变列表中列表项的外观。
扫一扫
6318
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
