HTml--7（css的常用属性）

HTml的常用属性

1.颜色属性

1.颜色属性的定义

有color:green,color:#ff6600（十六进制），简写方式：color:#f60（必须是rgb每个颜色的数字相同），color：rgb（255,255,255）（rgb每个颜色的取值范围是0~255）

color：rgba(255,255,255,1)(rgb取值同上，a时alpha表示透明度，取值范围为0~1)

2.字体属性

1.字体大小

font-size:%,smaller,larger,inherit四种；

2.定义字体

font-family:切记间隔之间的逗号时英文的。

3.字体加粗

font-weight:normal,bold,bolder,lighter,或者用数字代替。都是整百的数字。400为Normal。

4.字体样式

font-style:normal，italic,oblique,inherit(继承的是器父类的属性)

5.小型大写字母显示

font-variant:normal,small-caps,inherit(值针对英文字母)

3.背景属性

1.背景颜色

background-color:

2.背景图片

background-image:url(图片路径)

：none

3.背景重复

background-repeat:repeat，repeat-x,repeat-y,no-repeat

4.背景位置

background-position:横向left,center,right,top,center,bottom,(23px,45px)(设置时不用括号)

5.简写方式

background:颜色 url（） 重复 位置//（中间不用符号隔开）

4.文本属性

1.横向排列

text-align:left,center,right

2.文本行高

line-height:数值，百分比（基于字体大小）

3.首行缩进

text-indent:父类百分比，数值，Inherit

4.字符间距

letter-spacing:normal,length(可正可负),inherit

5.单词间距

word-spacing:normal,px,inherit(只适用于英文单词)

6.文本方向

7.文本大小写

5.边框属性

1.边框风格

border-style:

单独定义：top,bottom,left,right

边框样式：none,solid,dashed,dotted,double,groove,ridge,inset,outset

2.边框宽度

border-width:

单独风格：top,bottom,left,right

匡杜属性：thin,medium,thick,px,inherit

3.边框颜色

border-color:

单独风格：top,bottom,left,right

属性值：颜色的几种写法

属性值的四中情况

4.边框设置简写

6.列表属性

1.标记类型

2.标记的位置

3.设置图像列表标记

4.简写方式

list-style:样式 环绕方式 图片