2.设置文字的水平对齐方式
h1{text-align:center}3.段首缩进设置 在css中,段首缩进是通过text-indent属性设置的,直接将缩进距离作为数值即可。对于中文的网页,将该属性值设置为“2em”即可。在中文的排版习惯中,在每个段落的开头都应该空两个格,因此段首的缩进对中文网页特别有用。
p{text-indent:2em}(1)超链接的四种状态: a:link:普通的、未被访问的链接。 a:visited:用户已访问的链接。 a:hover:鼠标指针位于链接的上方。 a:active:链接被单机的时刻。
(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:见背景图片等比例覆盖容器,被那个图片有可能超出容器 contain:将背景图片等比缩放到宽度或高度与容器的宽度或者高度相等。