1、CSS中区块的使用
属性名称 |
属性值 |
说明 |
width |
像素/百分比 |
区块的宽度 |
width |
auto |
自动调节宽度 |
height |
像素/百分比 |
区块的高度 |
height |
auto |
自动调节高度 |
min-height |
像素/百分比 |
区块最小高度 |
min-height |
auto |
自动调节最小高度 |
max-height |
像素/百分比 |
区块最大高度 |
max-height |
auto |
自动调节最大高度 |
min-width |
像素/百分比 |
区块最小宽度 |
min-width |
auto |
自动调节最小宽度 |
max-width |
像素/百分比 |
区块最大宽度 |
max-width |
auto |
自动调节最大宽度 |
2、CSS中浮动的使用
属性名称 |
属性值 |
说明 |
float |
none |
正常显示 |
float |
left |
左浮动 |
float |
right |
右浮动 |
clear |
none |
允许两边浮动 |
clear |
left |
不允许左边浮动 |
clear |
right |
不允许右边浮动 |
clear |
both |
不允许两边浮动 |
3、CSS中定位的使用
属性名称 |
属性值 |
说明 |
position |
relative |
设置基准点为区块的左上角 |
position |
absolute |
设置基准点为网页的左上角 |
position |
static |
无设置 |
left |
auto |
定位在基准点左边 |
left |
像素/百分比 |
定位在基准点左边的位置 |
top |
auto |
定位在基准点上边 |
top |
像素/百分比 |
定位在基准点上边的位置 |
right |
auto |
定位在基准点右边 |
right |
像素/百分比 |
定位在基准点右边的位置 |
bottom |
auto |
定位在基准点下边 |
bottom |
像素/百分比 |
定位在基准点下边的位置 |
z-index |
auto |
自动调整层高 |
z-index |
数字 |
数字越大越往上层 |
4、CSS中溢出的使用
属性名称 |
属性值 |
说明 |
overflow |
visible |
不剪切内容也不添加滚动条 |
overflow |
auto |
在必需时对象内容才会被裁切或显示滚动条 |
overflow |
hidden |
不显示超过对象尺寸的内容 |
overflow |
scroll |
总是显示滚动条 |
overflow-x |
(同上) |
(同上) |
overflow-y |
(同上) |
(同上) |
5、CSS中滚动条的使用
属性名称 |
属性值 |
说明 |
scrollbar-highlight-color |
颜色/十六进制 |
滚动条亮边框 |
scrollbar-3dlight-color |
颜色/十六进制 |
滚动条3D界面亮边 |
scrollbar-face-color |
颜色/十六进制 |
滚动条3D表面 |
scrollbar-arrow-color |
颜色/十六进制 |
滚动条方向箭头 |
scrollbar-shadow-color |
颜色/十六进制 |
滚动条3D暗边 |
scrollbar-darkshadow-color |
颜色/十六进制 |
滚动条暗边框 |
scrollbar-base-color |
颜色/十六进制 |
滚动条基准颜色 |
scrollbar-track-color |
颜色/十六进制 |
滚动条的拖动区域 |
6、CSS中链接的使用
超链接伪类属性 |
说明 |
a:link |
表示该超链接文字尚未被点选 |
a:visited |
表示该超链接文字已被点选过 |
a:active |
表示该超链接文字正被点选,但未被放开 |
a:hover |
表示当鼠标停留在文字上 |
7、 CSS 中光标的使用
属性名称 |
属性值 |
说明 |
cursor |
auto |
光标是手指 |
cursor |
crosshair |
光标是十字形 |
cursor |
default |
光标是箭头 |
cursor |
hand/pointer |
光标是手形 |
cursor |
move |
光标是移动的符号 |
cursor |
text |
输入文字的符号 |
cursor |
wait |
光标是漏斗的符号 |
cursor |
help |
光标是帮助的符号 |
8、CSS中DHTML的使用
属性名称 |
属性值 |
说明 |
behavior |
URL |
URL是DHTML文件路径 |
9、CSS中缩放的使用
属性名称 |
属性值 |
说明 |
zoom |
normal |
使用对象的实际尺寸 |
zoom |
百分数/浮点实数 |
放大缩小的百分数 |
10、 Filter滤镜属性介绍
Filter是设置或检索对象所应用的滤镜或滤镜集合。此属性仅用于有布局的对象,如块对象。 内联元素要使用该属性,必须先设定对象的height或width 属性,或者设定position 属性为absolute,或者设定display属性为 block。可以查看对象的hasLayout属性。若要在img对象上应用shadow滤镜,可以在该img对象的父容器上应用。滤镜的机制是可扩展的,通过利用 Microsoft® DirectX® Media SDK,我们可以使用C++开发和使用第三方滤镜。 该属性在MAC平台上不可用,其对应的脚本特性为filter。
(1)Alpha滤镜的使用
属性名称 |
属性值 |
说明 |
opacity |
0-100 |
对象的亮度 |
style |
1,2,3 |
滤镜的样式 |
(2)Blur滤镜的使用
属性名称 |
属性值 |
说明 |
add |
true/false |
是否印象派 |
direction |
0-360 |
角度 |
strength |
数字 |
模糊度 |
(3)Fliph、Flipv滤镜
(4)DropShadow滤镜
属性名称 |
属性值 |
说明 |
color |
颜色 |
阴影颜色 |
offx |
数字 |
x坐标偏移 |
offy |
数字 |
y坐标偏移 |
positive |
true/false |
是否透明 |
(5)Glow滤镜
属性名称 |
属性值 |
说明 |
color |
颜色 |
发光颜色 |
strength |
数字 |
发光厚度 |
(6)Gray,Invert,Xray滤镜
(7)Shadow滤镜
属性名称 |
属性值 |
说明 |
color |
颜色 |
阴影颜色 |
direction |
0-360 |
阴影方向 |