CSS中有关布局的属性设置

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/gongxifacai_believe/article/details/91359269

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

阴影方向

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券