定位相关复习
1) 文档流：就是 html的布局机制，块元素占一行，内联元素不读占一行。
2) 相对定位：相对于该元素本身的位置进行定位。自身所占的空间不会发生改变。不会脱离源文档流。
3) 绝对定位：找一个东西相对来绝对定位。这个东西必须这顶position，并且定位方式 非static。
4) 使用了postion属性，一般不使用margin，padding属性
结构选择器：
（1）后代选择器：可以选择一个元素的 后代元素。这个后代元素包括儿子、孙子等
（2）写法：E F
案例：
（2）子元素选择器：通过某一个元素选择它的直接后代元素。
写法：E>F(“>”英文状态下的输入法)
案例如下：
.lacad>a{
font-size:40px;
}
（3）并选择器：将同样式的格式的css提取出来，另用一个构造器去写。
（4） <style> .div1,.div2{ width:100px; height: 100px; position: relative; } .div1{ border: 1px solid seagreen; } .div2{ border: 1px solid aqua; } </style> </head> <body> <div class="div1">啦啦啦</div> <div class="div2">活嚯嚯</div>
3.7通配符选择器：通配符选择器可以先选中页面中所有的标签。
（执勤效率不高）
通配符选择器对页面的所有元素都设置样式，而实际上很多元素默认的是不带任何样式的。将各种边距样式清空。*{ padding: 0;margin: 0;}
也可以调整边距：*{font-size: 40px;}
3.8兄弟选择器：两种写法
（1）.go + a{ text-decoration: none;}写法一：弟弟选择器 E+F：选择它的下一个对象。不选中自己且只选择一个。
（2）写法二：E ~ F选中所有的“弟弟”不包括自己。
3.9伪类、伪元素选择器
伪元素：可以代替某些通过增加元素才可显示效果的元素。
具有特殊效果的元素属性，可以代替某些复杂点元素。（用于向文本设置特殊样式）
1、伪类选择器：
条件一：根据元素不同的状态，自动选择不同的样式。
条件二：直接添加一个class，给这个class设定特殊的样式。
Li：First-line
a：hover：鼠标划过时候添加样式
a:active：设置被激活的时候显示的样式，点击那一刻（左键）显示效果
a：link：连接地址未被访问时候添加样式，必须设置href属性
a:visited：链接地址点击之后添加的颜色。必须设置href属性
Inout：focus：拥有键盘输入获取焦点时候添加的样式
2、伪元素选择器：
1）需要设置特殊效果的内容放到一个元素（标签）里面，span。
2）再添加一个class，对class设置特殊设置。
伪元素有: :first-line，:first-letter，:before，:after
伪元素的语法:selector:pseudo-element{property:value;}
CSS 类也可以与伪元素配合使用:
selector.class:pseudo-element{property:value;}
a:active 必须位于 a:hover 之后，这样才能生效！
A加空格b：{}概括子系所有。
A + b ：{}概括下一个对象。
A ~ b：{}概括处自己外所有等级对象
A > b：{}概括下“一”个等级的对象
Class是类，用其他的方法或元素代替他进行设置，那么这个其他的方法或元素又称作伪class，即伪类或伪元素
385
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
