css详细.docVIP

说明如下：层的名称为sample，在页面中用(就可以调用这个样式。 MARGIN是指层的边框以外留的空白，用于页边距或者与其它层制造一个间距。10px 10px 10px 10px分别代表上右下左(顺时针方向)四个边距，如果都一样，可以缩写MARGIN: 10px;。如果边距为零，要写成MARGIN: 0px;。注意：当值是零 时，除了RGB颜色值0%必须跟百分号，其他情况后面可以不跟单位 px。 MARGIN是透明元素，不能定义颜色。 PADDING是指层的边框到层的内容之间的空白。和margin一样，分别指定上右下左边框 到内容的距离。如果都一样，可以缩写成PADDING:0px。单独指定左边可以写成PADDING-LEFT: 0px;。PADDING是透明元素，不能定义颜色。 BORDER是指层的边框，BORDER-RIGHT: #CCC 2px solid;是定义层的右边框颜色 为#CCC，宽度为2px，样式为solid直线。如果要虚线样式可以用dotted。 BACKGROUND是定义层的背景。分2级定义，先定义图片背景，采用 url(../images/bg_logo.gif)来指定背景图片路径；其次定义背景色#FEFEFE。 no-repeat指背景图片不需要重复，如果需要横向重复用repeat-x,纵向重复用 repeat-y,重复铺满整个背景用repeat。后面的right bottom;是指背景图片从 右下角开始。如果没有背景图片可以只定义背景色BACKGROUND: #FEFEFE COLOR用于定义字体颜色，上一节已经介绍过。 TEXT-ALIGN用来定义层中的内容排列方式，center居中,left居左,right居右。 LINE-HEIGHT定义行高，150%是指高度为标准高度的150%，也可以写作：LINE-HEIGHT:1.5或者LINE-HEIGHT:1.5em，都是一样的意思。 WIDTH是定义层的宽度，可以采用固定值，例如500px，也可以采用百分比，象这里的60%。要注意的是:这个宽度仅仅指你内容的宽度，不包含margin,border和padding。但在有些浏览器中不是这么定义的，需要你多试试。 a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;} a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;} a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;} a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;} 链接、已访问过的链接、鼠标停在上方时、点下鼠标时 注意：必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3 property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left 方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：margin:1em 0 2em 0.5em; 边框(border) 边框的属性如下： border-width:1px; border-style:solid; border-color:#000; 可以缩写为一句：border:1px solid #000; 语法是border:width style color; 背景(Backgrounds) 背景的属性如下： background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat; b