CSS的属性

CSS字体属性

  • font-family sans-serif/serif
  • font-size
  • font-weight normal/bold/bolder/lighter/数字
  • font-style normal/italic/oblique
  • font-variant: normal/small-caps
  • font font:[weight/style/variant] size family

CSS颜色属性

  • color

CSS文本属性

  • letter-spacing 字母间距 默认0px
  • word-spacing 单词间距 默认 0px
  • text-decoration 值： none/underline/overline/line-through
  • text-align 水平对齐方式 left(默认)/right/center
  • vertical-align 垂直对齐（基于文字的基线） baseline/bottom/top/middle/sub/super/text-top/text-bottom/百分比
  • text-indent 首行缩进 长度单位
  • line-height: 行高 长度单位 设置行高=高 使一行文字垂直居中
  • font:[style/variant/weight] size/line-height family

CSS背景属性

  • background-color 背景颜色
  • background-iamge 背景图片 url()
  • background-repeat 背景图片的平铺方式 repeat(默认)/repeat-x/repeat-y/no-repeat
  • background-postion 背景图片定位 left/center/right/长度单位 top/center/bottom/长度单位
  • background-attachment 背景图片固定或滚动 scroll(默认)/fixed
  • background:color image repeat postion

CSS边框属性

  • border-width 边框线的宽度 长度单位
  • border-color
  • border-style 边框线的风格 solid/dotted/dashed/double...
  • border border:width style color
  • border-left/right/top/bottom

CSS鼠标光标属性

  • cursor 值 default/pointer/move/crosshair/text/wait

CSS列表属性

  • list-style-type 列表项的图形 disc/circle/square/decimal/lower-roman/upper-roman ....
  • list-style-postion 列表项图形的位置 outside/inside
  • list-style-iamge 自定义列表图形 url
  • 最常见的设置 list-style:none

CSS表格属性

  • table-layout 表格布局方式 auto/fixed
  • border-collapse 合并单元格边框 separate/collapse
  • border-spacing 单元格间距 长度单位
  • caption-side 表格标题位置 top/bottom
  • empty-cells 没有内容的单元格是否隐藏 show/hide

CSS sprites css精灵图

DIV+CSS布局

行内元素和块状元素呢

  • 块状元素独占一行， 行内元素可以共用一行
  • 默认宽度： 块状元素默认宽度由父元素决定 行内元素默认宽度右内容决定
  • 块状元素可以设置宽高， 行内元素不可以设置宽高
  • 大部分块状元素内部可以嵌套块状或行内， 大部分行内只能嵌套行内
  • 外边距，块状没问题，行内只能设置左右