HTML5--02Day--css选择器

css层叠样式表
1.可以将整个网页想象成一层一层的结构，高层的会覆盖掉底层的
2.css 用style可以添加属性
3.引入外部CSS样式表用<link>标签
4.css使用顺序 内联样式表 内部样式表 外部样式表
5.css 注释 /* xxxx */
6.块 独占一行 div p h1~h6 ul li
7.内联(行内) span a img ifram
8.：first-child
选择第一个子标签
:last-child
选择最后一个子标签（必须是所有子元素的开头或者末尾才会有效果）
9.选中所有的兄弟元素用（子元素名~子元素名）

二.css选择器

1.选择器（selector），会告诉浏览器：网页 上的哪些元素需要设置什么样的样式。
比如：p这个选择器就表示选择页面中的所 有的p元素，在选择器之后所设置的样式会 应用到所有的p元素上。

<style type="text/css">
p{
color:xxxx
}

类选择器 语法：.className { }
元素选择器 语法：标签名 { }
ID选择器 语法：#id { }
交集选择器 语法：– 选择器1选择器2{}
并集选择器 语法：选择器1,选择器2,选择器3 { }
通用选择器 语法：*{ }
后代选择器 语法：祖先元素 后代元素 后代元素 { }

属性选择器 语法:
[属性名]
[属性名="属性值"]
[属性名~="属性值"]
[属性名|="属性值"]
[属性名^="属性值"]
[属性名$="属性值"]
[属性名*="属性值"]

子元素选择器 语法：父元素 > 子元素{}
其他子元素选择器 语法:
:first-child
选择第一个子标签
:last-child
选择最后一个子标签
:nth-child
选择指定位置的子元素
:first-of-type
:last-of-type
:nth-of-type
选择指定类型的子元素
兄弟选择器 语法:
查找后边一个兄弟元素
兄弟元素 + 兄弟元素{}
查找后边所有的兄弟元素
兄弟元素 ~ 兄弟元素{}
否定伪类 语法: :not(选择器){}
今天的分享就到这里了