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:元素宽度