CSS学习笔记

1> CSS 样式分为以下四种,如果有冲突,优先级顺序是:1>3>2>4
    1. 行内样式
    2. 内嵌式
    3. 链接式
    4. 导入式
    
2> <img alt="Picture167.jpg" src="Picture152.jpg">, alt 属性，如果图片显示不出来，就显示alt的内容

3> CSS注释， /* xxxxx */ , 可以注释一行或多行

4> CSS选择器，标记选择器，类别选择器，ID选择器(唯一)，另外CSS支持嵌套和继承。
        在构建页面HTML框架时，通常只给外层(父标记)标记定义Class或ID，内层(子标记)标记采用嵌套表示，不再定义新的Class或ID。

5> margin,boder,padding,content，width&hight W3C指content,而IE指的是content+padding+boder
     margin,是标记两个元素之间的距离，当两个元素是行内元素时，它们之间的距离是第一个元素的margin-right加上第二个元素的margin-left,
     但是当产生换行是，两个块级元素之间的距离不再是margin-bottom和margin-top的和，而是两者中较大者
   当一个DIV块包含在另一个DIV块中间时，便形成了父子关系，其中子块的margin将以父块的content作为参考
   
6> 元素的定位分三种：float定位/Position定位/Z-Index空间位置
        float定位，父子关系时，子块浮动的范围是父块的content部分，子块浮动的范围仅仅是子块的内容本身加上自己的Padding.当块一被块二围绕时，内容不会重叠。
        position定位，static/absolute/relavive/fixed;static, 默认值，无移动效果；fixed,不推荐使用;
            absolute,子块相对于Body的距离，不是相对于父块的距离，脱离父块了；
            relivive,两个块是父子关系时，子块是相对于父块来定位的，但当两个块是同一级时，块的位置是相对于自己不设置移动前的位置进行调整的。
        z-index，当块设置了position属性时，该值便可以设置各块的高低覆盖关系。设置的值越大，越靠前。默认是后面覆盖前面，代码顺序。
        
        

转载于:https://my.oschina.net/ysk/blog/826710