CSS常用属性

字体属性

• 字体 font-family
  注：字体名称包含空格就必须加上引号
• 加粗 font-weight
  bold 粗体字符
  bolder 更粗的字符
  lighter 更细的字符
  100~900 由细到粗 400等同默认，700等同bold
• 大小 font-size
• 文字样式 font-style
  normal 默认值
  italic 定义斜体字

背景属性

背景颜色：background-color
背景图片：background-image ：url()
背景图片是随内容滚动还是固定：background-attachment ：scroll fixed
背景图片显示位置：background-position ：center
背景图片如何填充：background-repeat

• repeat：默认值
• repeat-x： 只向水平方向平铺
• repeat-y： 只向垂直方向平铺
• no-repeat：不平铺

复合属性：background
背景图像的大小：background-size

• length 宽度和高度，第一个值宽度，第二个值高度
• percentage 第一个值宽度，第二个值高度
• cover 保持图片纵横比并将图片缩放成完全覆盖背景区域的最小大小
• contain 保持图片纵横比并将图像缩放成适合背景定位区域的最大大小

文本属性

text-align：文本对齐

• left
• right
• center

text-decoration: 文本装饰

• underline： 下划线
• overline： 上划线
• line-through： 删除线

text-transform：大小写

• captialize： 单词开头大写
• uppercase：全部大写字母
• lowercase： 全部小写字母

text-indent：首行文本的缩进
注：负值是允许的。第一行左缩进

列表属性

list-style-type：列表项标记的类型

• none 无标记
• disc 实心圆
• circle 空心圆
• square 实心方块
• decimal 数字

list-style-image：用图像来替换列表项的标记
list-style-position：

• inside 列表项目标记放置在文本内
• outside 列表项目标记放置在文本外

list-style：简写

表格属性

表格边框：border: 1px solid black;
折叠边框：table { border-collapse:collapse; }
表格宽度和高度：width，height
表格文字对齐：

• text-align水平对齐向左，右，或中心
• vertical-align垂直对齐

表格填充：td { padding:15px; }
表格颜色：td { background-color:green; color:white; }

其他属性

letter-spacing：字符间空白
line-height：行高
overflow：

• visible 默认值
• hidden 超出内容被隐藏
• scroll 滚动查看剩余内容
• auto 如果内容被隐藏，可以滚动查看剩余内容

white-space：空白怎样处理

• pre 空白会被浏览器保存
• nowrap 文本不会换行

verticle-align：行内元素的基线相对于该元素所在行的基线的垂直对齐

• text-top 元素的顶端与父元素字体的顶端对齐
• middle 此元素放置在父元素的中部
• text-bottom 元素的底端与父元素字体的底端对齐
  opacity：透明度