CSS中有关布局的属性设置

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 阴影方向
发布了219 篇原创文章 · 获赞 603 · 访问量 129万+

猜你喜欢

转载自blog.csdn.net/gongxifacai_believe/article/details/91359269