您的位置:首页 > Web前端 > CSS

个人常用的css属性

2016-03-29 16:26 579 查看
字体属性(Font)

  font-family 使用什么字体 所有的字体

  font-style 字体是否斜体 Normal、italic、oblique

  font-variant 是否用小体大写 Normal、small-caps

  font-weight 字体的粗细 Normal、bold、bolder、lithter等

  font-size 字体的大小 Absolute-size、relative-size、length、percentage等

颜色和背景属性

  Color 定义前景色 颜色

  Background-color 定义背景色 颜色

  Background-image 定义背景图案 路径

  Background-repeat 重复方式 Repeat-x、repeat-y、no-repeat

  Background-attachment 设置滚动 Scroll、Fixed
  Background-position 初始位置 Percentage、length、top、left、right、bottom等

边距属性

  Margin-top 顶端边距 Length|percentage|auto

  Margin-right 右侧边距 Length|percentage|auto

  Margin-bottom 底端边距 Length|percentage|auto

  Margin-left 左侧边距 Length|percentage|auto

填充距属性

  Padding-top 顶端填充距 Length|percentage

  Padding-right 右侧填充距 Length|percentage

  Padding-bottom 底端填充距 Length|percentage

  Padding-left 左侧填充距 Length|percentage

边框属性

  Border-top-width 顶端边框宽度 Thin|medium|thick|length

  Border-right-width 右侧边框宽度 Thin|medium|thick|length

  Border-bottom-width 底端边框宽度 Thin|medium|thick|length

  Border-left-width 左侧边框宽度 Thin|medium|thick|length

  Border-width 一次定义宽度 Thin|medium|thick|length

        Default 默认指针

  Hand 手形

  Move 移动

  e-resize 箭头朝右方

  Ne-resize 箭头朝右上方

  Nw-resize 箭头朝左上方

  n-resize 箭头朝上方

  Se-resize 箭头朝右下方

  Sw-resize 箭头朝左下方

  s-resize 箭头朝下方

  w-resize 箭头朝左方

  Border-color 设置边框颜色 Color

  Border-style 设置边框样式 None|dotted|dash|solid等

       Border-top 一次定义顶端 Border-top-width|color等

  Border-right 一次定义右侧 Border-top-width|color等

  Border-bottom 一次定义底端 Border-top-width|color等

  Border-left 一次定义左侧 Border-top-width|color等

  Width 定义宽度属性 Length|percentage|auto

  Height 定义高度属性 Length|auto

  Float 文字环绕 Left|right|none

  Clear 哪一边环绕 Left|right|none|both

分级属性

  Display 定义是否显示 Block、inline、list-item、none

  White-space 怎样处理空白 Normal、pre、nowrap

  List-style-type 加项目编号 Disc、circle、square等

  List-style-image 加图案 <url>|none

  List-style-position 第二行起始位置 Inside、outside

  List-style 一次定义列表 <keyword>|<position>|<url>

  鼠标 ( Cursor ) 属性

  Auto 自动

  Crosshair 定位“十”字

       Default 默认指针

  Hand 手形

  Move 移动

  e-resize 箭头朝右方

  Ne-resize 箭头朝右上方

  Nw-resize 箭头朝左上方

  n-resize 箭头朝上方

  Se-resize 箭头朝右下方

  Sw-resize 箭头朝左下方

  s-resize 箭头朝下方

  w-resize 箭头朝左方
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: