css的工作原理

1.为文档应用的三个样式:

内联样式基本被淘汰了。

嵌入样式：

链接样式：<link href="my_style_sheet.css" media="screen“ rel=”stylesheet“ type="text/css" />

2.css规则剖析：

四个部分组成：选择器，声明，属性，值。

关于div和span都是没有默认样式的中立容器

子选择符的使用：

p>em{color: green;}

 

几种特殊的选择符：
1通配选择符;

*{}

2.相邻同辈选择符:

h1+p{}

3.属性选择符：

只要存在该属性即可

img[title]{}

只会为具有title属性的值的添加样式。

 

伪类的使用：使用再链接上。

其他伪类的使用有first-child用于选择标签名为x的元素的第一个子元素。

 

伪元素的使用：x:first-letter,用在段落开头创建首字放大效果，first-line可以为一段文本的第一行添加样式例p:first-line{font-variant:samll-caps;}

 

关于!important;

p{color:red !important; font-size:12px;}

这样层叠顺序后面的样式不影响该样式的存在；

 

设置字体的大小：使用em;h3标题的大小为1.2em;