|
|
|
|
|
值 |
中文意义 |
| 文本样式设置 |
字体 |
font-family |
"黑体";或Airal;等 |
|
使用中文时应加引号 |
| 大小 |
font-size |
xx-small;/x-small; |
极小/特小 |
可以选择多种单位,推荐使用“点数（pt)”。“点数”是计算机字体的标准单位，这一电位的优点是设置的字号会随着显示器分辨率的变化而自动调整，可以防止不同分辨率显示器中字体大小不一致。 |
| small;/medium;/large; |
小/中/大 |
| x-large;/xx-large; |
特大/极大 |
| smaller;/larger; |
较小/较大 |
| 9px;9mm;等 |
|
| 粗细 |
font-weight |
bold;/bolder;/lighter |
粗体/特粗/细体 |
|
| 样式 |
font-style |
normal |
正常 |
|
| italic |
斜体 |
| oblique |
偏斜体 |
| 变量 |
font-variant |
normal |
正常 |
在英文中，大写字母的字号一般比较大，采用“变量”中的“小型大写字母”设置，可以缩小大写字母。 |
| small-caps; |
小型大写字母 |
| 行高 |
line-height |
normal;或10px等 |
|
可以选择“正常”，让计算机自动调整行高，也可以使用数值和单位结合的形式自行设置。需注意的是，单位应该和文字的单位一致，行高的数值是包括字号数值在内的。例如，文字设置为9pt高，如果要创建一倍行距的行高应该为18pt。 |
| 大小写 |
text-transform |
lowercase; |
小写 |
"首字母大写"可以将每句话的第1个字母大写，也可以将全部变化为“大写”或“小写”。IE不支持这一效果。 |
| capitalize; |
首字母大写 |
| oblique; |
大写 |
| 颜色 |
color |
#FFFFFF; |
|
|
| 修饰 |
text-decoration |
overline; |
上划线 |
IE不支持"blink;" |
| underline; |
下划线 |
| line-through; |
删除线 |
| blink; |
闪烁 |
| 背景样式设置 |
背景颜色 |
background-color |
#FFFFFF; |
|
|
| 背景图象 |
background-image |
url(.....); |
|
文件名必须是英文或数字的 |
| 重复 |
background-repeat |
no-repeat; |
不重复 |
|
| repeat; |
重复 |
| repeat-x; |
横向重复 |
| repeat-y; |
纵向重复 |
| 附件 |
background-attachment |
fixed; |
固定 |
图象是否跟随网页一起滚动 |
| scroll; |
滚动 |
| 位置 |
background-position |
left;/center;/right;/Npx; |
水平位置 |
|
| top;/center;/bottom;/Npx; |
垂直位置 |
| 区块样式设置 |
单词间距 |
word-sapcing |
normal;/10px;等 |
|
使用负值为减少间距 |
| 字母间距 |
letter-spacing |
normal;/10px;等 |
|
|
| 垂直对齐 |
vertical-align |
baseline;/sub;/super;/top;/text-top;/middle;/bottom;/text-bottom;/10%等 |
基线/下标/上标/顶部/文本顶对齐/中线对齐/底部/文本底对齐/白分比 |
|
| 文本对齐 |
text-align |
left;/right;/center;/justify; |
左对齐/右对齐/居中/两端对齐 |
|
| 文字缩进 |
text-indent |
Npx |
|
文字缩进和字号要保持同一单位 |
| 空格 |
white-space |
normal;/pre;/nowrap; |
正常/保留/不换行 |
对源代码文字空格的控制 |
| 显示 |
display |
none(无)/inline(内嵌)/block(块)/list-item(列表项)/run-in/compact(紧凑)/marker(标记)/table(表格)/inline-table(内嵌表格)/talbe-row-group(表格行组)/table-footer-group(表格注脚组)/table-header-group(表格标题组)/table-row(表格行)/table-column-group(表格列组)/tabel-column(表格列)/table-cell(表格单元格)/table-caption(表格标题)
|
指定是否以及如何显示元素，在实例制作中很少使用。 |
| 方框样式设置 |
宽 |
width |
100pt;/100px;等 |
|
|
| 高 |
height |
100pt;/100px;等 |
|
|
| 浮动 |
float |
left;/right;/none; |
左对齐/右对齐/无 |
文字的等对象的环绕效果，IE和Netscape都支持此设置。 |
| 清除 |
clear |
left;/right;/both;/none; |
左对齐/右对齐/都/无 |
规定对象的一侧不许有层，IE和Netscape都支持此设置 |
| 填充 |
padding |
N1px;N2px;N3px;N4px;
|
四面不相同的情况下 |
分别为上右下左，如果对象设置了边框，"填充"指的是边框和其中内容之间的空白区域；"边界"指的是边框外侧的空白区域。"填充"属性在编辑窗口中不显示效果；"边界"属性应用在段落、标题、列表时可以在编辑窗口中看到效果。 |
| Npx; |
四面相同的情况下 |
| 边界 |
margin |
N1px;N2px;N3px;N4px; |
四面不相同的情况下 |
| Npx; |
四面相同的情况下 |
| 边框样式设置 |
样式 |
style |
none; |
无 |
|
| dotted; |
点划线 |
| dashed; |
虚线 |
| solid; |
实线 |
| double; |
双线 |
| groove; |
槽状 |
| ridge; |
脊状 |
| inset; |
凹陷 |
| outset; |
凸出 |
| 宽度 |
width |
thin;/medium;/thick;/Npx; |
细/中/粗/具体值 |
|
| 颜色 |
color |
#FFFFFF |
|
|
| 列表样式设置 |
类型 |
list-style-type |
disc |
圆点 |
|
| circle |
圆圈 |
| square |
方块 |
| decimal |
数字 |
| lower-roman |
小写罗马字母 |
| upper-roman |
大写罗马字母 |
| lower-alpha |
小写字母 |
| upper-alpha |
大写字母 |
| 图象 |
list-style-image |
url(......) |
|
使用外部图片 |
| 位置 |
list-style-position |
inside |
内 |
|
| outside |
外 |
| 定位样式设置 |
类型 |
position |
absolute |
绝对 |
编辑窗口的左上角的顶点为层定位时的原点 |
| relation |
相对 |
相对层原来在网页中的位置设置的 |
| static |
静态 |
固定位置，层的位置不移动 |
| 显示 |
visibility |
inherit |
继承 |
子层嵌套父层的可见性 |
| visible |
可见 |
|
| hidden |
隐藏 |
|
| Z轴 |
z-index |
auto;/Npx |
自动或某个值 |
决定层的先后顺序和覆盖关系 |
| 溢出 |
overflow |
visible;/hidden;/scroll;/auto; |
可见/隐藏/滚动/自动 |
层内对象在超出层所能容纳的范围的处理方式 |
| 定位 |
top |
auto;/Npx; |
|
以网页左上角的点为原点 |
| left |
auto;/Npx; |
|
| right |
auto;/Npx; |
|
| bottom |
auto;/Npx; |
|
| 剪辑 |
clip |
rect(auto;Npx;auto;Npx;) |
自动或某个值 |
只显示裁剪出来的区域，以层的左上角为顶点 |
| 扩展样式设置 |
分页 |
page-break-before
page-break-after |
auto |
自动 |
|
| always |
总是 |
|
| left |
左对齐 |
|
| right |
右对齐 |
|
| 光标 |
cursor |
hand |
手型 |
|
| crosshair |
交叉十字 |
|
| text |
文本选择符号 |
|
| wait |
windows沙漏形状 |
|
| default |
默认的鼠标形状 |
|
| help |
带问号的鼠标 |
|
| e-resize |
向东的箭头 |
|
| ne-resize |
指向东北的箭头 |
|
| n-resize |
指向北的箭头 |
|
| nw-resize |
指向西北的箭头 |
|
| s-resize |
指向难的箭头 |
|
| se-resize |
指向东南的箭头 |
|
| w-resize |
指向西的箭头 |
|
| sw-resize |
指向西南的箭头 |
|
| auto |
正常鼠标 |
|
滤
镜
filer |
alpha |
Opcacity |
透明度 |
0-100 |
| style |
0;/1;/2;/3; |
指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。 |
| FinishOpacity |
|
在设置渐变的透明效果时指定结束的透明值 |
| StartX和StartY |
|
代表透明效果开始的x,y坐标 |
| FinishX和FinishY |
|
代表透明效果结束的x,y坐标 |
| blur |
Add |
true或false |
是否产生印象派的模糊效果 |
| Direction |
|
指定模糊产生的方向，单位是角度 |
| Strength |
Npx |
模糊半径，默认5px |
| Chroma |
Color |
#FFFFFF |
将指定的颜色设为透明 |
| DropShadow |
Color |
#FFFFFF |
投影的颜色 |
| |
OffX和OffY |
|
代表投影的偏移量 |
| |
Positive |
true或false |
是否为透明象素建立阴影 |
| FlipH |
|
|
水平翻转 |
| FlipV |
|
|
垂直翻转 |
| Glow |
Color |
|
发光的颜色 |
| Strength |
1-255 |
发光的强度 |
| Gray |
|
|
灰度效果 |
| Invert |
|
|
反转底片效果 |
| Light |
|
|
灯光投影效果 |
| Mask |
Color |
|
设置遮照效果 |
| RevealTrans |
|
|
提供了24种图象转化效果 |
| Shadow |
Color |
|
与投影效果不同，阴影效果可以在对象的任意方向上产生阴影 |
| Direction |
|
| Wave |
Add |
true或false |
是否加入原图象 |
| Freq |
|
代表波形的数量 |
| Lightstrength |
0-100 |
代表波长 |
| Phase |
0-100 |
代表正弦波的其实偏移量 |
| Strength |
|
代表波的振幅 |
| Xray |
|
|
X光照效果 |
CSS总汇