选择器
>>>>>-----<<<<<
元素选择器
p { color: black; }
后代选择器
li a { text-decoration: none; }
ID选择器
#intro { font-weight: bold; }
<p id="intro">Some Text</p>
类选择器
.datePosted { color: green; }
<p class="datePosted">24/3/2006</p>
伪类选择器
a:link { color:blue; }
通用选择器
* {
padding: 0;
margin: 0;
}
>>>>>-----<<<<<
浮动、定位、框模型
定位的四种模型
相对定位(relative)
相对定位的坐标原点：该元素在普通流中的位置；
特别点：元素使用相对定位时，无论是否进行移动，仍然占据原来的空间。因此移动元素会导致它覆盖其他框。
绝对定位(absolute)
绝对定位的坐标原点：最近的已定位祖先元素；
特别点：元素使用绝对定位时，元素的位置与文档流无关，因此不占据空间。普通文档流中其他元素的布局就像绝对定位的元素不存在时一样。
固定定位
固定定位的坐标原点：浏览器窗口
特别点：低版本的浏览器不支持。
浮动(float)
浮动元素可以左右移动，直到它的外边缘碰到包含框或另一个浮动框的边缘。
特别点：浮动框也不在文档的普通流中，它有时也会覆盖普通文档流中的元素，浮动元素有时会因为高度不同而被卡住。
框模型涉及到了margin padding
1342
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
