css样式属性

css样式

1、背景样式

背景是在内容下面，背景分为两层：下层是背景颜色，上层是背景图片。

背景颜色

background-color: 颜色值;

背景图片

• background-image:url(“路径”)；
• background-repeat：是否平铺
• background-attachment：规定背景图像是否固定或者随着页面的其余部分滚动。
• background-position：图片位置
• background-size：背景图片的尺寸

2、文本样式

（1）color：颜色值；

颜色值有三种常用的表示方法：

第一种，是用英文单词，不推荐。

第二种，使用#六位十六进制编码。

第三种，使用rgb。

第四种，使用rgba。 a是Alpha，不透明度。rgba(10,10,10,0.5)。

（2）font-size

字体大小

绝对量：px pt cm mm

相对量：% em rem

（3）font-family

字体风格：微软雅黑 隶书 宋体 黑体 仿宋 楷体

（4）text-decoration

text-decoration:none 取消装饰线，多用于超链接

（5）text-indent

段落缩进

（6）font-weight

加粗
font-weight:bolder

（7）font-style

斜体
font-style：italic

（8）水平对齐方式

text-align:left | center |right

父元素使用：text-align:center;可以让子元素在父元素水平中间显示。

子元素使用：margin：0 auto;可以让子元素在父元素水平中间显示。

（9）垂直对齐方式

vertical-align: top | middle | bottom

只能用于单元格

（10）line-height

行高
所有元素的垂直居中技巧：line-height=height

（11）overflow

内容溢出处理

visiable默认显示

hidden超出部分隐藏

scroll 采用滚动条

3、列表样式

（1）list-style-type

默认图标
list-style-type：none | disc | circle |square

（2）自定义图标

list-style-image:url(“路径”)