类别 | 属性名称 | 属性说明 | 属性值 | 属性值说明 | 属性值说明2 |
cursor | cursor | 特定的块部分或应用类部分可以设置cursor属性; | hand | 手 | |
cursor | cursor | wait | 正在进行 | ||
cursor | cursor | text | 文本选择符号 | ||
cursor | cursor | default | 默认 | ||
cursor | cursor | e-resize | 向东 | ||
字体 | font-style | 字体风格 | |||
定位属性 | top | 层距离顶点(相对于屏幕或相对的父对象) | |||
定位属性 | height | 块对象的高 | |||
定位属性 | z-index | 决定层的先后顺序和覆盖关系,值越高的元素会覆盖值比较低的元素; | |||
定位属性 | clip | 限定只显示裁切出来的区域 | |||
定位属性 | overflow | 当层内的内容走出层所能容纳的范围时,设置溢出; | |||
定位属性 | visibility | 控制层是否可见; | |||
列表属性 | list-style-type | ||||
列表属性 | bullet | 选择图像做为项目的引导符号; | |||
列表属性 | position | 决定列表项目所缩进的程度; | |||
区块属性 | position | relative | |||
区块属性 | position | absolute | |||
滤镜属性 | filter | alpha | 透明的层次效果 | ||
滤镜属性 | filter | blur | |||
滤镜属性 | filter | chroma | |||
滤镜属性 | filter | dropshadow | |||
滤镜属性 | filter | flipH | |||
滤镜属性 | filter | flipV | 垂直翻转效果 | ||
滤镜属性 | filter | Glow | |||
滤镜属性 | filter | Gray | |||
滤镜属性 | filter | Invert | |||
滤镜属性 | filter | Mask | |||
滤镜属性 | filter | Shadow | |||
滤镜属性 | filter | wave | |||
滤镜属性 | filter | xray | |||
元素内容大小 | width | auto | |||
元素内容大小 | max-width | 当拖动浏览器边框使其显示范围发生改变时; | |||
元素内容大小 | min-width | length | |||
元素内容大小 | height | percent | |||
元素内容大小 | max-height | ||||
元素内容大小 | min-height | ||||
元素背景 | background-color | #color|colorname | |||
元素背景 | background-image | URL | |||
元素背景 | background-repeat | repeat|no-repeat|repeat-x|repeat-y | |||
元素背景 | background-position | length|percent|top|center|bottom|left|right | |||
元素背景 | background-attachment | scrooll-fixed | |||
元素背景 | background | ||||
元素的补白 | padding | 用来分隔元素的内容部分与边框部分 | top right bottom left | 元素的补白部分会显示定义的背景; | |
元素的补白 | padding-top | ||||
元素的边框 | border | 用来分隔页面各个部分; | |||
元素的边框 | border-style | none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset | |||
元素的边框 | border-color | ||||
元素的边框 | border-width | medium|thin|thick|length | |||
元素的边框 | border-top | ||||
元素的边界 | margin | 用来分隔元素与其相邻元素 | |||
元素的边界 | margin-top | ||||
元素的定位 | position | 控制元素的显示位置;以有效地设置重叠、相对位置; | static | 默认值,元素按自身默认的方式显示 | |
元素的定位 | position | absolute | 以含有定位属性的父元素为基准,按照偏移属性中定义的属性值显示; | ||
元素的定位 | position | fixed | 浏览器不支持 | ||
元素的定位 | position | relative | 元素以自身位置为基准,按照边偏移属性中定义的属性值显示; | ||
元素的定位 | top | 定义元素顶部偏移位置的大小 | auto|length|percent | percent在absolute\relative下使用; | |
元素的定位 | right | ||||
元素的定位 | bottom | ||||
元素的定位 | left | ||||
元素的定位 | z-index | 调整各个层叠元素的显示顺序 | auto|number | ||
元素的布局 | float | none|left|right | |||
元素的布局 | clear | 使用浮动元素时会影响后面相邻的固定元素 | none|left|right|both | ||
元素的布局 | clip | 对元素内容的可视化区域进行控制 | rect(1px 1px 1px 1px) | 元素占有的空间并不发生改变; | |
元素的布局 | overflow | 控制内容超出元素定义大小的情形 | visible | 默认值,溢出内容按照原有的方式显示; | |
元素的布局 | overflow | |auto | 只有当内容走出元素定义的大小时,才显示滚动条; | ||
元素的布局 | overflow | |hidden | 隐藏闪出的内容 | ||
元素的布局 | overflow | |scroll | 总是显示滚动条 | 滚动条会显示在边框的内部; | |
元素的布局 | overflow-x | 定义元素的溢出部分在水平方向上的显示方式; | |||
元素的布局 | overflow-y | ||||
元素的布局 | display | 更改块元素或内联元素的默认显示方式 | block | 按块显示 | |
元素的布局 | display | none | 元素隐藏 | ||
元素的布局 | display | inline | 按内联元素方式显示 | ||
元素的布局 | display | inline-table | 与相邻元素同行显示,同时内容部分显示块元素的属性 | ||
元素的布局 | display | list-item | 以列表方式显示; | ||
元素的布局 | display | table-column-group | 定义元素以表格标题组的方式显示,即表格跨页时,在每页中都以表头的方式显示; | ||
元素的布局 | display | table-footer-group | 定义元素以表格脚注组的方式显示,即表格跨页时,在每页中都以脚注的方式显示; | ||
元素的布局 | visibility | 用来定义元素及其内容是否可见 | visible|hidden | ||
字体的显示 | font-family | 选择字体类型 | |||
字体的显示 | color | 字体颜色 | |||
字体的显示 | font-size | 字体大小 | xx-small|small|medium|large|larger|smaller|length | em percent px | |
字体的显示 | font-style | 字体样式 | normal|italic|oblique | ||
字体的显示 | font-weight | 字体加粗 | normal|bold|bolder|lighter | ||
字体的显示 | text-decoration | 字体修饰 | none|underline|blink|overline|line|through | ||
字体的显示 | text-underline-position | 字体下划线位置 | below|above | ||
字体的显示 | font-variant | 小写的字母以大小字母显示,但显示的大小与小写字母一样; | normal|small-caps | 对中文不起作用 | |
字体的显示 | text-transform | 字母大小写转换 | none}capitalize|upppercase|lowercase | ||
字体的显示 | letter-spacing | 字母或中文字的间隔 | normal|length | 不能使用百分比 | |
字体的显示 | line-height | 行高 | normal|length|percent | 百分比以字高为基准; | |
字体的显示 | font | 字体综合属性 | family style variant weight size/line-height | size/line-height要写到一起; | |
文本的显示 | text-indent | 段首缩进 | length | ||
文本的显示 | white-space | 控制文本中使用空白元素,如空格、换行 | normal|pre|nowrap | ||
文本的显示 | text-overflow | 控制文本内容走出元素大小时的显示效果 | clip | 裁减但不显示省略标记; | 在使用了overflow,且white-space:nowarp时才可以使用; |
文本的显示 | text-overflow | ellipsis | 裁减且显示活力标记; | ||
文本的显示 | text-align | 定义元素的水平对齐 | left|right|center | ||
文本的显示 | vertical-align | 定义元素的垂直对齐 | auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom|length | 只能用在内联,不能用在块元素中; | |
文本的显示 | layout-flow | 文本流向属性 | horizontal | 文本从左至右、从上至下显示 | |
文本的显示 | layout-flow | |vertical-ideographic | 文本从上到下、从右至左显示 | writing-mode:tb-rl; | |
文本的显示 | direction | 文本方向属性 | ltr|rtl | ||
文本的显示 | unicode-bidi | 定义文本内容的显示顺序 | |||
文本的显示 | word-break | 词内换行属性 | normal|break-all|keep-all | ||
文本的显示 | word-wrap | 文本在容器中能否断开换行显示 | normal|break-word | ||
列表元素的显示 | list-style-type | ||||
列表元素的显示 | list-style-image | ||||
列表元素的显示 | list-style-position | 定义列表标记是否显示在文本以内; | outside|inside | 对于列表的缩进可以定义补白属性来更改默认的显示效果; | |
表格元素 | border-collapse | 边框合并 | separate|collapse | ||
表格元素 | border-spacing | 边框间距 | length | ||
表格元素 | cpation-side | 标题位置 | top|right|bottom|left | ||
表格元素 | table-layout | 定义表格和内容之间的关系 | auto | 表格按照内容的多少自动分配各个单元格的宽度 | |
表格元素 | table-layout | |fixed | 表格按照单元格中定义的宽度显示表格内容,如果内容超出由自动溢出; | ||
表格元素 | 在单元格中应用不同的不同高度的类时,以最大值显示单元格的高或宽; | ||||
表格元素 | 如果每个单元格中都定义了宽度,且所有单元格的高或宽和与表格总宽不等,此时则按自定义的宽度比例去确定最终的宽度; | ||||
滚动条的控制 | scrollbar-3dlight-color:#fff;/*四个方形的左上线条*/ | ||||
滚动条的控制 | scrollbar-hightlight-color:red; | ||||
滚动条的控制 | scrollbar-face-color:#FFE8FF; | ||||
滚动条的控制 | scrollbar-face-color:#FFf; | ||||
滚动条的控制 | scrollbar-arrow-color:#fff; | ||||
滚动条的控制 | scrollbar-shadow-color:#fff; | ||||
滚动条的控制 | scrollbar-darkshadow-color:#FFE8FF;/*四个方形的右下线条*/ | ||||
滚动条的控制 | scrollbar-track-color:#fff;/*拖动区部分*/ | ||||
滚动条的控制 | scrollbar-base-color:#FFB3FF;/*四个方形的左上线条*/ | ||||
滚动条的控制 | overflow | ||||
滚动条的控制 | overflow-x | ||||
滚动条的控制 | overflow-y | ||||
控制打印 | page-break-after | 对象后插入分布符 | auto\always|avoid|left|right|null | ||
控制打印 | page-break-before | 对象前插入分布符 | |||
控制元素的缩放 | zoom | normal|number|percent |
字体属性 | font-family | |
font-size | ||
font-style | ||
font-weight | ||
文本属性 | letter-spacing | |
text-decoration | ||
text-align | ||
text-indent | ||
line-height | ||
颜色和背景 | color | |
background-color | ||
background-image | ||
background-repeat | ||
background-position | ||
边框 | border | |
border-top | ||
border-left | ||
border-right | ||
border-bottom | ||
鼠标光标 | hand | |
crosshair | ||
text | ||
wait | ||
default | ||
help | ||
e-resize | ||
ne-resize | ||
n-resize | ||
nw-resize | ||
w-resize | ||
sw-resize | ||
s-resize | ||
se-resize | ||
定位 | position | |
top | ||
left | ||
width | ||
height | ||
z-index | ||
clip | ||
overflow | ||
visibility | ||
区块 | width | |
height | ||
float | ||
clear | ||
padding | ||
margin | ||
列表 | list-style-type | |
bullet | ||
position | ||
滤镜 | alpha | |
blur | ||
chroma | ||
dropshadow | ||
fliph | ||
flipv | ||
glow | ||
gray | ||
invert | ||
mask | ||
shadow | ||
wave | ||
xray |
属性缩写
font:
p{font:italic normal bold 12pt/18pt 宋体;}
斜体 大小写默认 加粗 12pt大小/18pt行高(要写到一起) 宋体
padding:top right bottom left
padding:top&bottom right&left
padding:top right&left bottom
border:width style color
p{border:1px solid blue;}
list-style:type position image
ul{list-style:disc outside none;}
background:color image repeat attachment position
#content{background:#ededed url(img/bg.gif) no-repeat 30% 20px;}
color
#2255bb---#25b;#ffffff---#fff;