css基础学习--尺寸与框模型、背景色、文本

尺寸与框模型

尺寸：

       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 首行文本缩进