CSS属性(常用的属性)

CSS属性(常用的属性)http://www.w3school.com.cn/cssref/index.asp

一:文本与字体属性

 1.字体属性

  (1):font-size:字体的大小(例如:font-size:14px)(em当前对象内文本字体大小 pt绝对长度单位(多少个点的单位)px相对长度单位(像素))

  (2):font-family:字体的类型(例如:font-family:"隶书","宋体",Arial,"Times New Roman";)

  (3):font-style:字体风格(样式)(例如:font-style:normal正常(italic斜体 oblique倾斜))

  (4):font-weight:字体的粗细(例如:font-weight:bold加粗(normal正常))

  (5):font:一次设置一个或多个字体属性:顺序为(3),(4),(1),(2)

 2.文本属性

  (1):color:字体颜色

  (2):line-height:设置行高

  (3):text-align:设置文本对齐方式(left左对齐 right右对齐 center居中对齐)

  (4):text-decoration:向文本添加修饰(underline下划线 ,none缺省值, overline上划线 ,line-through删除线 ,blink ,inherit)

  (5):letter-spacing:设置字符间距

  (6):white-space:如何处理空白

二:列表属性

  (1):list-style-type:设置列表项标志的类型

  (取值有1.disc(黑圆点)2.circle(空心圆点)3.square(小黑方块)4.none(无列表项标志))

  (2):list-style-image:url("图片地址")  将图片设置为列表项标志

  (3):list-style-position:列表项标志的位置

  (取值1.outside项目标记在文本以外,不根据标记对齐  2.inside项目标记在文本以内,环绕文本根据标记对齐)

  (4):list-style:设置所有列表属性的简写  (依次为(1) (3) (2) )

三:浮动属性

  float: (取值(1)left左浮动 (2)right右浮动 (3)none不浮动 (4)inherit继承父类float值)

  clear:(取值(1)left不能左浮动 (2)right不能右浮动 (3)none允许浮动 (4)both两侧都不允许有浮动 )

四:背景属性(1,2,3,4)

  (1)background-color:设置背景颜色(transprent透明的)

  (2)background-image:url("图像地址")  设置背景图像

  (3)background-repeat:设置背景图像的重复方式(和background-image合用)

  (取值repeat水平和垂直方向重复、repeat-x水平重复、repeat-y垂直重复、no-repeat只显示一次)

     (4)background-attachment:背景图像是否固定或者随着页面的其余部分滚动。(scroll,fixed)

  (4)background-position:设置背景图像的起始位置(和background-image合用)

五:盒子模型

  (1)border:边框 (顺序width -- style-- color)

    [1]四个方向:border-top上边框  border-right右边框  border-bottom下边框  border-left左边框

    [2]修饰属性:

      border-color边框颜色 (顺序 :上 右 下 左)

      border-width边框宽度(thin细 thick粗 medium默认2px)(顺序 :上 右 下 左)

        border-style边框样式(none无边框 solid实线 dashed虚线 dotted点状边框 double双线边框) (顺序 :上 右 下 左)

  (2)padding:填充(内容与边框之间的距离)(顺序 :上 右 下 左)(网页设计中宽度和高度包括padding的)

  (3)margin:边界(边框外面周围的间隙,主要控制版块与版块之间的距离)(顺序 :上 右 下 左)

  (4)content:内容

六:定位属性

     (1):position 定位 

     [1]static: 默认值,没有定位

         [2]absolute 绝对定位(上 下 左 右)

         [3]relative 相对定位(上 下 左 右)

         [4]fixed 绝对定位

     (2):float浮动

     (3):z-index 空间位置

七:控制元素大小

  width:元素高度

  height:元素宽度

posted on 2015-12-23 01:14  爱海滔滔  阅读(399)  评论(0编辑  收藏  举报