DIV+CSS实战快速入门..docVIP

DIV+CSS实战快速入门 部门：设计部　编著：吕文隆　时间：2009-7-22 实战常用样式标签 宽　　度： 　　　　　width:00px;　以象素为单位设置元素宽度，可应用于表格、层、链接、图片、文字 width:00%;　以比例为单位设置元素宽度，可应用于表格、层、链接、图片、文字，它针对的是它的父容器的百 比（也就是包含本元素的最近的一个标签）例如： div style=“width:500px;”ul style=”width:80%;”　/ul/div 所指的就是ul的宽度设为500*80% 　　　　　width:auto;　宽度自适应，跟据元素中的内容而变化，涉及兼容性问题，很少被使用。 　　　　　 高　　度： height:00px;　同上 height:00%;　同上 height:auto; 同上 边　　框： 　　　　　四条边框统一设置： border-width:00px;　边框的粗细，设置为0指无边框 border-color:#000000;　边框的颜色，采用标准十六进制颜色代码（不分大小写）或标准英文颜色名称，例如 　　　　　　　　　　　border-color:red等同于border-color:#Ff0000; border-style:solid;　边框的样式，默认为solid，其中其它属性包括有： 默认，实线（solid）　 细虚线（dotted）　 粗虚线（dashed）　 中空线（double）只有边框=3象素时起作用　 　　　　　border:1px solid #000000;四条边统一设置的综合缩写方法，顺序为　粗细 样式 颜色　用空格格开，各属性与上方所写一样。 　　　　　单独设置左边框： 　　　　　border-left-width:00px;　同上 border-left-color:#000000;　同上 border-left-style:solid;　同上 border-left:1px solid #000000;　 综合缩写方法，同上 单独设置上边框： border-top-width:00px;　同上 border-top-color:#000000;　同上 border-top-style:solid;　同上 border-top:1px solid #000000;　 综合缩写方法，同上 单独设置右边框： border-right-width:00px;　同上 border-right-color:#000000;　同上 border-right-style:solid;　同上 border-right:1px solid #000000;　 综合缩写方法，同上 单独设置下边框： border-bottom-width:00px;　同上 border-bottom-color:#000000;　同上 border-bottom-style:solid;　同上 border-bottom:1px solid #000000;　 综合缩写方法，同上 文　　字： 　　　　　font-size:12px;　以象素为单位设置字体大小，例如1024*768分辨效率的电脑最好看的字体设为12px 　　　　　　　　　　　　　　1280*1024显示器一般显示14px最好看 　　　　　font-size:1em; 以em字体高度为单位设置字体大小，通常　1em=16px 　　　　　color:#000000;　以十六进制标准代码设置文字颜色，同样可使用英文，如 color:red等同color:#ff0000 font-family:宋体;　设置文字字体，中文一般使用“宋体”，英文使用“Arial, Helvetica, sans-serif” 　　　　　　　　　　　　字体的选择必需跟据客户端电脑中默认安装的字体为准备，特殊字体不兼容所有用户 　　　　　　　　　　　　其中此处Arial, Helvetica, sans-serif指的是三种字体，默认为Arial，在没有Arial字体 　　　　　　　　　　　　后，系统自动寻找Helvetica，以此类推。 　　　　　　　　　　　　 font-weight:bold;　设置文字为粗体 letter-spacing:1px 设置文字之间的左右距离 text-indent:10px;　设置文字每个段落的缩进距离。 text-align:left; 设置文字的对齐方式 　　　　　　　　　left 左对齐 　　　　　　　　　right 右对齐 　　　　　　　　　center居中对齐 text-decoration:none; 设置文字线 　　　　　　　　　none 默认，没有线　　　　　新闻