网页CSS常用英文命名说明

jerry CSS 2015年11月23日 收藏

Font and Text Properties 字体文本属性

font-family 字体 譬如宋体,黑体

font-style 字体类型 normal正常 | italic 斜体 |

font-variant normal 正常| small-caps 小字体的大写文本

font-weight normal 正常| bold 粗体

font-size 字体大小

letter-spacing 文字间间距

line-height 行高度

text-decoration 文字修饰 underline 下划线|| line-through 横线|| blink 闪烁

text-transform 文字转换 capitalize第一个字母大写 | uppercase大写 | lowercase 小写| none正常

text-align 内容排列 left左边 | right后边 | center居中

text-indent 文字后退 段落中第一句后退一定空间

vertical-align 垂直排列 sub 下标| super 上标

Color and Background Properties 颜色和背景属性

color 颜色

background-color 背景颜色

background-image 背景图片

background-repeat 背景图片重复

background-attachment 背景图片附属 scroll滚动 | fixed 固定

background-position 背景图片的定位

background 背景

Layout Properties 布局属性

margin-top 顶边距

margin-right 右边距

margin-bottom 底边距

margin-left 左..

margin 边距指边框外的空间距离

padding-top 内顶边距

padding-right 内右边距

padding-bottom 内底边距

padding-left 内左边距

padding 边距指边框和内容之间的距离

border-top-width 顶边框宽度 border边框 top顶 bottom底 width宽度 color颜色

border-right-width

border-bottom-width

border-left-width

border-width

border-top-color

border-right-color

border-bottom-color

border-left-color

border-color

border-top-style style类型

border-right-style

border-bottom-style

border-left-style

border-style none没有 | dotted 点线| dashed 虚线 | solid 实线

border-top

border-right

border-bottom

border-left

border

float 浮动 left 左| right右 | none没

clear 清理浮动 none | left | right | both左右两边

Classification Properties 分类属性

display 显示 none隐藏 | block 区块显示法| inline 内嵌显示法| list-item

list-style-type 列表风格类型 disc 小圆点| circle小圆圈 | square 实心方块 | decimal 数字

list-style-image 列表风格图片 url图片的URL地址 | none

list-style-position 列表单项的摆放位置 inside 列表内部| outside 列表外部

list-style 列表风格

Positioning Properties 定位属性

clip 切割

height 高度

left X坐标

overflow 内容覆盖 scroll滚动 | hidden 隐藏| visible 可见| auto自动

position 坐标系统 absolute 绝对坐标| relative相对 | static默认相对

top Y坐标

visibility 可见 visible 可见| hidden 隐藏| inherit继承

width 宽度

z-index Z坐标

Printing Properties 打印属性

page-break-before 打印停顿

page-break-after 在什么之后停顿

Filter Properties filter 在什么之前停顿

Pseudo-Classes and Other Properties 伪类和其他属性

active A标签的用法,联接击活后的状态

hover 鼠标在联接上的状态

@import 从外部导入CSS样式

!important 重要CSS样式

cursor 光标 auto 自动| crosshair十字 | default默认 | hand小手 | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait等待 | help帮助

link 未点击过的联接

visited 访问过的联接

first-letter 一行第一个字

first-line 第一行

white-space 空格