div+css要注意.docVIP

一、 ? border:1px 1px;也等价border:1px 1px 1px;还等价border:1px 1px 1px 1px; ? 再比如border:1px 2px;就是说上,下边距为1px;右,左边距为2px;所以他等价border:1px 2px 1px 2px; 一定要记住顺序为上右下左. 二、 当用css定义链接的各种状态时，要注意书写的顺序即：:link :visited :hover :active利用首字母：L V H A，你可以通过记忆LoVe,Hate,两个单词来记住其顺序。 :link --------链接的颜色 :visited -----鼠标点击后的颜色 :hover -------鼠标放上去未点的颜色（悬停） :active-------鼠标点击瞬间的颜色禁止内容换行与强制内容换行 在表格或层中我们可能希望内容不换行或强制换行，我们可以通过一些css属性来达到这些要求。 禁止换行：white-space:nowrap 强制换行：word-break: break-all; white-space: normal;区别relative和absolute Absolute---CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。 Relative---CSS中的写法是：position:relative;? 他的意思是绝对相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。背景background的一些语法 background-image:url(背景图案.jpg,gif,bmp); background-color:#FFFFFF; （背景颜色） background-color : transparent;??? --设定背景为透明色 – background-repeat 改变背景图片的重复并排的设定 说明 repeat? 背景图片并排? repeat-x? 背景图片以X方向 并排? repeat-y? 背景图片以Y方向 并排? no-repeat? 背景图片不 以并排的方式处理? background-attachment是否固定图片位置 说明 scroll? 拉动卷轴时，背景图片会跟着移动（缺省值）? fixed ?拉动卷轴时，背景图片不会跟着移动? 以长度定位background-position: x y 使用百分比定位 background-position: x% y% 说明 x%? 往右移? y%? 往下移? backgroud-position: 0% 0%; 左边上方 backgroud-position: 0% 50%; 左边中间 backgroud-position: 50% 0%; 中间上方 backgroud-position: 50% 50%; 正中间 backgroud-position:100% 0%; 右边上方 backgroud-position: 0% 100%; 左边下方 backgroud-position: 100% 50%; 右边中间 backgroud-position: 50% 100%; 中间下方 backgroud-position: 100% 100%; 右边下方 以关键字定位 关键字? 说明? top? 上 ( y = 0 )? center? 中 ( x = 50, y = 50 )? bottom? 下 ( y = 100 )? left? 左 ( x= 0 )? Exp: background-position:center; 图片在指定背景中央X=50% Y=50%位置 background-position: 200px 30pxCSS的命名规范 1.??? id的命名 ??? (1)页面结构 　　容器: container 　　页头：header 　　内容：content/container 　　页面主体：main 　　页尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 左右中：le