css常见属性

css常见属性1.颜色属性 ???1.1 color属性定义文本的颜色 ???1.2 color:green ????1.3 color:#ff6600 可简写为#f60 ???1.4 color:rgb(255,255,255) ???1.5 color:rgba(255,255,255,1) a表示alpha色彩空间的透明度取值0~1 1表示完全不透明 2.字体属性 ???2.1 font-size 字体大小 ???????2.1.1 px:设置一个固定的值 ???????2.1.2 %：父元素的百分比 ???????2.1.3 smaller:比父元素更小 ???????2.1.4 larger:比父元素更大 ???????2.1.5 inherit:继承父元素 ???2.2 font-family 定义字体 ???????font-family:"微软雅黑",serif; ???????使用逗号隔开，以确保当字体不存在时，直接使用下一个 ???????????2.3 font-weight 字体加粗 ???????normal，bold，bolder，lighter ???????400=normal，700=bold ???????范围：100-900 ???????????2.4 font-style 字体样式 ???????normal, italic(斜体),oblique(倾斜),inherit ???????????2.5 font-variant小型大写字母显示文本 ???????normal,small-caps,inherit3.背景属性 ???3.1 背景颜色 background-color ???3.2 背景图片 background-image ???????background-image:url(图片路径) ???????background-image:none ???3.3 背景重复background-repeat ???????repeat, repeat-x, repeat-y, no-repeat ???????????3.4 背景位置background-position ???????纵向：top center bottom ???????横向：left, center, right ???????3.5 简写方式 ???????background:背景颜色，url（图像），重复，位置 ???????background:#f60 url(images/bg.jpg) no-repeat eop center ???????4.文本属性 ???4.1 text-align 横向排列 ???????left center right ???????4.2 line-height 文本行高 ???????%基于字体大小的百分比行高 ???????数值来设置固定值 ???????4.3 text-indent首行缩进 ???????%父元素的百分比 ???????px固定值默认是0 ???????inherit继承 ???????????4.4 letter-spacing字符间距 ???????normal 默认 ???????length设置具体的数值 ???????inherit继承 ???????????4.5 word-spacing单词间距 ???????normal标准间距 ???????px固定值 ???????inherit继承 ???????????4.6 direction文本方向 ???????ltr从左到右，默认值 ???????rtl从右到左 ???????inherit继承 ???????????4.7 text-transform 文本大小写 ???????capitalize 单词首字母大写 ???????uppercase 全部大写 ???????lowercase 全部小写 ???????inherit 规定从父元素继承text-transform 属性的值 ???????5、边框属性 ???5.1 边框风格border-style ???????border-style 统一风格 ???????单独定义某一方向的边框样式 ???????????border-bottom-style ???????????border-top-style ???????????border-left-style ???????????border-right-style ???????边框风格样式的属性值 ???????????none无边框 ???????????solid直线边框 ???????????dashed虚线边框 ???????????dotted点状边框 ???????????double双线边框 ???????????groove凸槽边框 ???????????ridge垄状边框 ???????????inset inset边框 ???????????outset outset边框 ???????????inherit继承 ???5.2 边框宽度 ???????5.3 边框颜色 ???6、列表属性 ???6.1 标记的类型 list-style-type如空心圆、实心方块等 ???6.2 标记的位置 list-style-position 文本以内或者文本以外 ???6.3 设置图像列表标记 list-style-image ????6.4 简写方式 list-style ???????????list-style:square url(‘/i/arrow.jpg‘)