CSS notes

1. div>p 是指： div直接子元素p， child of child is not applicable

 

2. div+p 是指： 相邻元素。

 

3. div[attr] {。。。}: div 的 属性 attr存在，就match 定义的css.

 

4. div[attr="a"], 也可以match 属性的值。

 

5.a[rel~='friend'], <a.. rel 属性如果match friend, 就apply the style.

 

6. 两个临近元素的margin会叠加。 e.g. obj.a {margin-bottom:30px;} obj2.b{margin-top:20px;} 实际两者距离只有30px. 因为叠加原因。20px不会起作用。

 

7. invisibility:hidden意思是隐藏，但还存在着，占着位置, display:none 直接不显示，也不占地方。

 

8. relative, absolute，fixed , float.

• relavtive: 相对自己现在的位置，用relative 的元素会出现在自己现有位置。
• absolute: 不占别人的空间。自己好像独立的一层。它大小变化不会影响别的框， 位置也会出现在现在位置，根据parent来定位，除非设置top. left属性。
• fixed, 不看书不知道，原来他是相对窗口，还有parent容器的。，做个东西高了半天，用它一下子搞定，啥代码不用写。（当然测了一下只有IE可以。firefox好像不行。哎）
• float, 大家小心这个。一float,这个东东就不在文档顺序流里面了 ，经常浮的找不到了，经常看到parent 框，根本框不住child元素。这个问题我没搞明白一直。刚看了书才明白。

9. a[href^="bla..."] match begining, a[href$="bla"] match ending.

 

 

10. yes, a very good article on clearing float (keep float div inside parent div)

      http://gtwebdev.com/workshop/floats/enclosing-floats.php