CSS样式&框架样式

 

1. 背景：背景支持为元素添加背景颜色和背景图片，接下里介绍背景相关的属性

（1.）Background-color：背景颜色

（2.）background-image：用于设置背景图片。注意：如果同时设置背景颜色（background-color）和背景图片（background-image），背景颜色会被背景图片覆盖。该属性需要URL()含数指定图片地址，图片的地址既可以是相对的也可以是绝对的。

（3.）background-repeat：用于设置对象的背景图片是否平铺(重复显示).在指定该属性之前，必须先指定背景图片（background-image）。

该属性有 repeat(纵横同时重复)，

         no-repeat(不重复)，

         repeat-x（x轴方向重复），

         repeat-Y (y轴方向重复)4个值

（4.）background-position：用于控制图片的位置。background-position有5个关键值分别是：top、left、botton、right、center。可以通过任意两个关键字组合来定位。也可以通过百分比来定位。例如：background-position：50% 50%。第一个百分比对应横坐标，第二个百分比对应纵坐标。

（5.）background-attachment：设置背景图片是随对象内容滚动还是固定。在指定该属性之前，必须先指定背景图片。该属性两个值：scroll（默认）fixed（固定）。

（6.）background：这是一个复合属性，可以同时设置背景颜色，背景图片，背景重复。背景位置等。

例: <style type="text/css">

#divone {

         width: 800px;

框架样式(Box Style)

序号 中文说明 标记语法

1、边界留白{margin:margin-top margin-right margin-bottom margin-left}

2、补白{padding:padding-top padding-right padding-bottom padding-left}

3、边框宽度

{border-width:border-top-width border-right-width border-bottom-width border-left-width}

宽度值：thin|medium|thick|数值

4、边框颜色{border-color:数值 数值 数值 数值}

数值：分别代表top、right、bottom、left 上右下左

颜色值：color

5、边框风格{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}

6、边框{border:border-width border-style color}

 (1)上边框{border-top:border-top-width border-style color}

 (2)右边框{border-right:border-right-width border-style color}

 (3)下边框{border-bottom:border-bottom-width border-style color}

 (4)左边框{border-left:border-left-width border-style color}

7、宽度{width:长度|百分比| auto}

8、高度{height:数值|auto}

9、漂浮{float:left|right|none}

10、清除{clear:none|left|right|both}