31 lines
1.1 KiB
Plaintext
31 lines
1.1 KiB
Plaintext
css 定位(position)：通过几种方式让你能够在网页上按照你喜欢的方式来布局页面
|
||
|
||
1: relative 相对定位 : 标签被设置relative后，元素将会从文档流中脱离出来，但是他原本的位置还在，不会被删除
|
||
所谓的相对，其实是相对他原本的位置来进行移动。
|
||
|
||
2: fixed 固定定位 :
|
||
|
||
|
||
3: absolute 绝对定位 :
|
||
|
||
1: 被设置绝对定位的元素，他原本的位置将会从文档流中删除。
|
||
|
||
参考对象：
|
||
|
||
1：如果被设置绝对定位的元素具有父元素，而且父元素如果已经进行定位，那么参考父容器来进行定位
|
||
|
||
父元素可以进行的定位有：
|
||
fixed
|
||
relative
|
||
absolute
|
||
|
||
2：如果被设置绝对定位的元素具有父元素，但是父元素没有进行定位，那么将会参考浏览器边框。
|
||
|
||
|
||
|
||
设置 ul li，或者 ol li 的样式：list-style: none;
|
||
|
||
选择器：hover 鼠标悬浮莫个元素的时候触发莫个代码
|
||
|
||
|
||
预习：css3过渡属性：http://www.runoob.com/css3/css3-transitions.html |