CSS常用属性 字体属性, 背景属性

1.字体属性;

在选择器中的属性

设置字体:font-family

大小:font-size

粗细;font-weight:700;可以用数字表示粗细,  normal 默认值,标准字体;bold 粗字体;bolder更粗的字体;lighter更细的字体  400相当于normal,700相当于bold

文字样式:font-style:italic;字体倾斜 font-style:normal;取消倾斜

2.文本属性

文本颜色(RGB)

使用R(red),G(green),B(blue)色光三原色的方式按照不同比例搭配表示颜色

R,G,B三个分量是用一个字节表示,(范围0-255),数值越大,该分量的颜色就越浓 (255,255,255)表示白色,(0,0,0)表示黑色

设置文本颜色:color ,有三种表示方法(a.颜色单词 b.十六进制 #ff0000每两位分别代表红,绿,蓝c.RGB方式)

3.文本对齐(文本,图片)

text-align:center/left/right

4.文本装饰:

text-decoration:underline(下划线),none(可以给a标签去掉下划线),overline(上划线),line-through(删除线)

 

5.文本缩进;

控制段落的首行缩进

text-indent:值; (px/em) 1个em就是当前元素的文字大小

缩进可以是负的,表示左缩进(反向缩进)

6.行高:上下文本之间的基线距离

line-height;

7.背景属性

背景颜色:background-color

背景图片:background-imag;url()

背景平铺:backgroung-repeat:no-tepeat不平铺;repeat-x水平平铺(多个小图片在水平轴铺满整个页面);repeat-y垂直平铺;默认是repeat平铺

背景位置:background-position:x y;可以是方位名词(top,left,right,bottom),也可以写成精确的单位(x,y)

背景尺寸:background-size:length/percentage/cover/contain;cover背景图像完全覆盖背景区域