文章目录
CSS的知识点语句有些遗忘了……赶紧复习一下
一、文本相关属性
1、设置字体属性font-family
font-family:name1,[name2],[name3]
name
:字体的名称,name2、name3
备用字体
2、设置字号属性font-size
font-size:length
length
指字体的尺寸,由数字和长度单位组成,可以是相对单位,也可以是绝对单位,绝对单位不会随着显示器的变化而变化
下表是一些绝对单位
长度单位 | 说明 |
---|---|
in | inch,英寸 |
cm | Centimeter,厘米 |
mm | Millimeter,毫米 |
pt | point,印刷的点数,1pt等价于1/72inch |
pc | pica,1pc = 12pt |
相对单位有:
- 相对长度单位px:是一个长度单位,表示在浏览器上1个像素的大小
- 绝对长度单位em和ex:1 em表示的长度是其夫标记中字母m的标准宽度,1 ex表示字母 x 的标准高度
3、设置文字颜色属性color
color:color
指具体的颜色值,颜色值的表示方法可以是颜色的英文单词、十六进制、RGB或者HSL
4、设置文字的水平对齐方式属性text-align
text-align:left|center|right|justify
- left:左对齐
- center:居中对齐
- right:右对齐
- justify:两端对齐
5、设置段首缩进属性text-indent
text-indent:length
length就是由百分比数值或浮点数和单位标识符组成的长度值,允许为负值。
二、背景相关属性
1、添加背景颜色属性background-color
background-color:color|transparent
color代表背景的颜色,transparent表示背景颜色透明
2、添加HTML5中标记的背景图片background-image
background-image:url()
背景图像放在网页的最底层,文字和图片等都位于其上
3、设置图像的平铺方式background-repeat
background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y
下表是各个属性值的含义:
属性 | 含义 |
---|---|
inherit | 从夫标记机成background-repeat属性的设置 |
no-repeat | 背景图像只显示一次,不重复 |
repeat | 在水平和垂直方向上重复显示背景图像 |
repeat-x | 只沿x轴方向重复显示背景图像 |
repeat-y | 只沿y轴方向重复显示背景图像 |
4、设置背景图像是否随页面内容滚动background-attachment
background-attachment:scroll|fixed
- scroll:当页面滚动时,背景图像跟着页面一起滚动
- fixed:将背景图像固定在页面的可见区域
5、设置背景图像在页面中的位置background-position
background-position:length|precentage|top|center|bottom|left|right
属性值解释如下表所示
属性值 | 含义 |
---|---|
length | 设置背景图像于页面边距水平或垂直方向的距离,单位为cm\mm\px等 |
percentage | 根据页面标记框的宽度和高度的百分比放置背景图像 |
top | 设置背景图像顶部居中显示 |
center | 设置背景图像居中显示 |
bottom | 设置背景图像底部居中显示 |
left | 设置背景图像左部居中显示 |
right | 设置背景图像右部居中显示 |
三、列表相关属性
- list-style:简写属性,把所有用于列表的属性设置一个声明中
- list-style-image:将图像设置为列表项标志
- list-style-position:设置列表项的标志在文本以内或以外
- list-style-type:设置列表项标志的类型