CSS3中常⽤属性（1）（关于背景的所有属性⼲货）
1.⽂字
1.设置⽂字颜⾊
h3{color:blue;}
2.设置⽂字的⽔平对齐⽅式
h1{text-align:center}
3.段⾸缩进设置
在css中，段⾸缩进是通过text-indent属性设置的，直接将缩进距离作为数值即可。对于中⽂的⽹页，将该属性值设置为“2em”即可。在中⽂的排版习惯中，在每个段落的开头都应该空两个格，因此段⾸的缩进对中⽂⽹页特别有⽤。
p{text-indent:2em}
2.⽂本
1.设置超链接样式
（1）超链接的四种状态：
a：link：普通的、未被访问的链接。
a：visited：⽤户已访问的链接。
a：hover：⿏标指针位于链接的上⽅。
a：active：链接被单机的时刻。
3.背景相关属性
1.背景的常规属性
（1）背景颜⾊
background-color:color|transparent
color：背景颜⾊
transparent：表⽰背景颜⾊透明
（2）背景图⽚（background-image）
background-image: none| url(路径)
none：⽆图⽚背景
url：使⽤绝对或相对路径指定背景图⽚
（3）更改背景图⽚样式（background-repeat:）
body{background-image:url(bg.gif)}
background-repeat: inherit| no-repeat| repeat| repeat-x| repeat-y
inherit：从⽗元素继承background-repeat属性的设置。
no-repeat：背景图⽚只显⽰⼀次不重复。
repeat：在⽔平和垂直⽅向上重复显⽰背景图⽚。
repat-x：只沿x轴⽅向重复显⽰背景图⽚.
repeat-y：只沿y轴⽅向重复显⽰背景图⽚。
（4）背景图⽚滚动样式（background-attachment:）
background-attachment:scroll|fixed
scroll：当页⾯滚动时，背景图⽚跟着页⾯开始滚动
fixed：将背景图⽚固定在页⾯的可见区域
（5）背景图⽚的属性值（background-position）
background-position: length|percentage|top|center|bottom|left|right
length：设置背景图⽚与页⾯边距⽔平和垂直⽅向距离，单位cm、mm、px等。
percentage：根据页⾯元素框的宽度和⾼度的百分⽐防⽌背景图⽚
top：设置背景图⽚顶部居中显⽰
center：设置背景图⽚居中显⽰
bottom：设置背景图⽚底部居中显⽰
left：设置背景图⽚左部居中显⽰
right：设置背景图⽚右部居中显⽰
（6）背景图⽚的显⽰范围（background-clip）
background-clip:border-box|padding-box|content-box|text
border-box：从border区域开始向外裁剪背景
padding-box：从padding区域开始向外裁剪背景
content-box：从content区域向外裁剪背景
text：以前经内容的形状（⽐如⽂字）作为裁剪区域向外剪。使⽤该属性值可以实现使⽤北京作为填充⾊之类的遮罩效果。（7）指定背景图⽚的起点（background-origin）
background-origin:border-box|padding-box|conyent-box
border-box：从border区域开始显⽰背景图⽚
padding-box：从padding区域开始显⽰背景图⽚
content-box：从content区域开始显⽰背景图⽚
（8）指定背景图⽚的尺⼨（background-size）
background-size:[|auto]|cover|contain
auto：背景图⽚的原始尺⼨
cover：见背景图⽚等⽐例覆盖容器，被那个图⽚有可能超出容器
borderbox
contain：将背景图⽚等⽐缩放到宽度或⾼度与容器的宽度或者⾼度相等。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。