标签：结构 -o 属性选择器 val 式表 包含 笔记 通用 head
第四章 初识css
1.css（层叠式表）
2.css语法
选择器{
属性名1：属性值1；
属性名2：属性值2；
}
3.引用css的三种方式
第一种：行内样式
例;<a style="color=red；">内部样式</a>
第二种：内部样式
在head标签中，写入style标签
例：<head>
<style type="text/css">
h1{
}
</style>
</head>
第三种：外部样式
使用步骤：
a）创建一个以.css为后缀的文件（css文件）
b）在html中通过link引入css文件
<link rel="stylesheet" href="css文件路径">
4.基本选择器
4.1标签选择器
标签名{}
4.2类选择器
class属性值{}
4.3id选择器
#id属性值
5.层次选择器
5.1后代选择器
父元素 子元素{}
5.2子选择器
父元素>子元素{}
5.3相邻兄弟选择器
本元素+相邻元素{}
5.4通用兄弟选择器
本元素+兄弟元素{}
6.结构伪类选择器
E F：first-child{} 第一个子元素
E F: last-child{} 最后一个子元素
E F: nth-child{} 表示第几个子元素
还可以使用odd奇数 even偶数
E F: first-of-type{} 指定类型的第一个元素
E F: last-of-type {} 指定类型的最后一个元素
E F: nth-of-type {} 指定类型的第几个元素
E F: nth-child(n）在父纵里从一个元素开始查找
E F: nth-of-type 在父级里先看类型，在看位置
7.属性选择器
E[attr] 具有属性attr的元素
E[ attr=val] 属性attr的值是val的元素
E[attr^=val] 属性attr的值以val开头的元素
E[attr$=val] 属性attr的值是以val结尾的元素
E[attr*=val] 属性attr的值包含val的元素
标签：结构 -o 属性选择器 val 式表 包含 笔记 通用 head
原文地址：http://www.cnblogs.com/sy0707/p/7783605.html
