====== 通过css属性来定位图片 ======
====== CSS Knowledge ======
http://www.w3school.com.cn/tiy/t.asp?f=dhtm_position_relative
Want to create a bottom element
.bot
{
position:fixed;
bottom:0
}
如果固定 并不覆盖别人的就用
.bot
{
position:static;
bottom:0
}
====== CSS3 Attribute ======
IE6/7 doesn't support CSS 3
- border-radius (IE8 doesn't support)
- :last-child (IE8 doesn't support)
====== What's CSS2 ======
后代元素表达方式:例:#main p{ color:red; }
子元素:表达方式:例:#main>p{ color:red; }
后代元素包括子元素,孙子元素,重孙子元素.........
====== What's New for CSS3 ======
body > .mainTabContainer div > span[5] {
Border: 1px solod red;
Background-color: white;
Cursor: pointer;
}
此处的 CSS 选择器即:“body > .mainTabContainer div span[5]” 代表这这样一条路径:
1. “body”标签直接子元素里 class 属性值为“mainTabContainer”的所有元素 A
2. A 的后代元素(descendant)里标签为 div 的所有元素 B
3. B 的直接子元素中的第 5 个标签为 span 的元素 C
这个 C 元素(可能为多个)即为选择器定位到的元素,如上的 CSS 属性也会全部应用到 C 元素上。
以上为 CSS2 及之前版本所提供的主要定位方式。现在,CSS3 提供了更多更加方便快捷的选择器: