尺寸与框模型
尺寸:
width
height
overflow:visible|hidden|scroll|auto当内容溢出元素框时如何处理
边框:
border:widthstyle color 当然也可以通过border-left|right|top|bottom进行单边定义,通过border-width,border-style,border-color进行单属性定义。
框模型:
框模型(Box Model)定义了元素框处理元素内容、内边距、边框和外边框的方式。
内边距padding: 内容与框线之间的距离
外边距margin: 与下一个元素之间的空间量,这里margin可以取值为auto,由浏览器计算外边框。例如,div{margin:0 auto;}可以设置div的居中。
背景色
background-color 为元素设置背景色
background-image:url(…) 背景图片
background-repeat:repeat|repeat-x|repeat-y|no-repeat 默认情况下,背景图像在水平和垂直方向上重复出现,可以设置其重复方向
background-position 改变图像在背景中的位置(center设置居中)
background-attachment:scroll|fixed 背景图片的固定。默认情况下,背景图片会随着页面的滚动而滚动,fixed可以设置背景图片固定,常用于实现称为水印的图像。
文本格式化
font-family:value1, value2
font-size:value
font-weight
color:value 文本颜色
text-align:left|right|center 文本排列
text-decoration:none/underline
line-height:value 行高
text-indent 首行文本缩进