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属性时,该值便可以设置各块的高低覆盖关系。设置的值越大,越靠前。默认是后面覆盖前面,代码顺序。