css学习笔记.doc

(style)>ID样式(#name)>类别样式(.name)>标记样式(p/h{})层叠规则text-decoration:underline(下划线)background背景盒子模型:例单个Div中其中宽度和高度只是指内容(content的宽度和高度)可以简写并尊循顺时针方向top>right>bottom>left如果只设1个值其上右下左都为其值如果给2个值(10PX,20px):上、下=10px,左右=20px如果给3个值(10px,20px,30px):上=10px,左右=20px,下=30pxDotted点线dashed虚线solid实线double双线盒子与盒子之间:DOM<div>与<span>Div:块级元素(block)上下依次排列Span:行内元素(inline)在同一行中排列两Div中上下间距两者中取最大者,Div中不设置为自动伸展盒子的浮动:Float浮动后不在以自己的宽度显示而是以能显示自己的内容宽度显示设置浮动后左右像素是叠加。Float:right/float::left/clear:rightclear:both(清除左右两边浮动影响)自动扩展另外加一个DIVclear:both盒子浮动与定位:Static:静态定位,按标准流定位/或不设置值时Relative相对定位,在原来定位的基础上偏移,并对其后的盒子仍然在原位置Absolute包含div内绝对定位。对其它盒子受影响其它盒子前移Fixed固定定位,以浏览器窗口为准不支持IE6Position:定位方式如:position:relativeDisplay属性:将DIV块级元素水平排列display:inline将SPAN元素按上下排列display:blockDisplay:none将元素隐藏Css文字样式:Font-family:arial;(设置哪种字体)Line-hight:18px(设置行高)第一行文字行间距Line-hight:,-align:center:设置文字在div中的位置图像样式:Background