WebBasic03-CSS

1. CSS声明
   1)border属性:用来设置元素的边框
   *四边设置:border:width,style,color
   *单边设置:border-left…,border-right…,border-top…,border-bottom…
   *颜色表示方式:英文单词,rgb(x,x,x),rgb(x%,x%,x%),十六进制表示
   *overflow:内容溢出元素框时如何处理,建议取值为auto
   2)box:框模型
   *padding:内边距,一般默认为0,使得内容和边框直接产生举例,使内容看起来更舒展
   *margin:外边距,一般默认为0,使得元素和其它元素之间产生距离,导致元素看起来更舒展
   *实际占宽:width+2*padding+2*border+2*margin
   *实际占高:height+2*padding+2*border+2*margin
   *四边设置,单边设置,对边设置
   *特殊用法:使用margin对边设置外边距时,若左右的值是auto,则该元素会水平居中
2. 背景图片
   1)background-image:指定图片url(图片路径);
   2)background-repeat:设置平铺效果,默认水平垂直重复出现
   *repeat-x:仅在水平方向重复
   *repeat-y:仅在垂直方向重复
   *no-repeat:仅显示一次
   3)background-position:改变背景图片的位置
   4)设置背景的简化方式: background:背景色 背景图 重复 位置;四个值可以酌情省略,但至少要保留背景色或背景图中的一个值
   5)background-attachment:默认背景图片会随着页面滚动而滚动，fixed:固定图片
3. 文本格式化
   1)控制文本
   *font-family: value 指定字体
   *font-size: value 字体大小
   *font-weight: normal/bold 字体正常/加粗
   2)控制文本格式
   *color:value 文本颜色
   *text-align: left/right/center 文本排列
   *text-decoration: none/underline 文字修饰正常/下划线
   *line-height: value(1.6em) 行高
   *text-indent: value(2em) 首行文本缩进
   *当行高=元素高时,文本垂直居中
4. 表格样式
   *常用属性:width,height,padding.margin
   *特有属性:border-collapse:collapse/separate 单元格的边框合并/不合并(默认)