CSS常用命令.docVIP

CSS常用命令 类别选择符：“.+属性” eg:p.red{color:red};p class=”red”这是红色显示/p id选择符：（唯一标识）“#+属性” p#bold {font-weight:bold};p id=”bold”这是粗体显示/p 群选择符：几个属性同时运用一种规则 Eg：p,h1,h2{text-align:left} 布局： margin（边界）/border（边框）/padding（填充）/content（内容）magin：top right buttom left magin-top:20px; magin-right:20px; magin-buttom:20px; magin-left:20px; border: border-width:1px; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-buttom-width:1px; border-color:red border-style:dashed(虚线)/solid/double（双重线）、dotted（星型）/outset（凸出）/inset(凹下) padding padding:10px; padding:top right buttom left; padding-top:20px; padding-right:20px; padding-buttom:20px; padding-left:20px; 链接:a:link{}/ a:visited{} /a:hover{}/a:active{} font-family:verdana; font-style:italic（斜体）/normal行间距：line-height:length/percentage eg:line-height:40px;font-variant:small-caps; 文本对齐：text-align:left/right/center/justify 文本缩进：text-indent: length/percentage eg:text-indent:20px; 文本装饰：text-decoration:underline/line-through/overline 背景图片： background-img：url(“/img/图片.jpg”); background-repeat:repeat /repeat-x/repeat-y/no-repeat background-attachment:scroll/fixed(背景固定) //背景附着 background-position:10px 10px;/top right buttom left; //背景定位 颜色： color:red(关键字)/#ff0000 background-color：red(关键字)/#ff0000 元素定位： Float定位Postion定位：absolute（绝对路径）/relative（相对路径） 在position上设置absolute可以用z-index来定义图层等级 排版 定宽居中 滤镜效果 filter:alpha(opacity=50); 盒子模型Tab菜单模板