admin管理员组

文章数量:1531521

2024年6月6日发(作者:)

1、(盒子)布局排版类

loat - 浮动:设置块元素的浮动效果。可选常用到参数left、right ;

width - 宽:确定盒子本身的宽度,可以使盒子的宽度不依靠它所包含的内容多少。

height - 高 :确定盒子本身的高度;

clear - 清除 :用于清除设置的浮动效果,常用参数both 、left、right;

margin- 边距 :控制围绕边框 的边距大小。其中包含4个属性:margin-top控制上边距的

宽度、margin-right控制右边距的宽度、margin-bottom控制下边距的宽度、margin-left控制

左边距的宽度。

padding-内边界:确定围绕块元素的空格填充数量,其中包含4个属性“padding-top控制上

留白的宽度、padding-right控制右留白的宽度、padding-bottom控制下留白宽度、padding-left

控制左留白的宽度。

2、边框

border-width -宽 :控制边框的宽度,其中分为4个属性:border-top-width顶边框的宽度、

border-right-width右边框的宽度、border-bottom-width底边框的宽度、border-left-width左边

框的宽度。

border-color -颜色:设置各边框的颜色。若要使边框的四边显示不同的颜色,可在设置中分

别列出。如,

p{: #ff0000 #009900 #0000ff #55cc00}

浏览器将四种颜色依次理解为:上边框、右边框、底边框和左边框(自上开始顺时针)。

border-style -样式:设定边框的样式,共有无(none)、虚线(dotted)、点划线线(dotted)、

点划线(dashed)、实线(solid)、双线 (double)、槽状(grove)、脊状(ridge)、凹陷(inset)

和凸起(outset)等9种。

3、CSS文字属性

font-family- 字体:设定时,需考虑浏览器中有无该字体。

font-size - 字体大小:注意度量单位。

font-weight - 字体 粗细:除了normal(正常)、bold(粗体)、bolder(特粗)、lighter(细体)

外,还有9种以像素为度量为单位的设置方式。

font-style-样式:字型。

line-height - 行高:行距。注意,行距只能以是字体大小值为

font-variant - 变形:可以将正常文字一半尺寸后大写显示,但IE目前不支持这项属性。

text-transform - 大小写:这项属性能轻而易举地控制字母大小写,有首字大写(capitalize、

大写(uppercase)、小写(lowercase)和无(none,使所有继承文字和变形参数被忽略,文

字将以正常形式显示)等4种。

text-decoration - 修饰:用于控制链接文本的显示形态,有下划线(underline)、无下划线

(overline)、删除线(line-through)、闪烁 (blink)和无(none,使上述效果均不会发生)

等5种修饰方式。但IE4不支持文字闪烁。

4、背景属性

background-color- 背景颜色:设置背景颜色。

background-image-背景图像:设置网页背景图像。

background-repeat - 背景重复:控制背景图像的平鋪方式,有不重复(no-repeat)、重复

(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿 水平方向平铺)和纵向

重复(repeat-Y,沿图像垂直方向平铺)等4种选择。

background-attachment - 附加:用于控制背景图像是否会随页面的滚动而一起滚动。有固定

(fixd,文字滚动时,背景图像保质固定)和滚动(scroll,背景图像随文字内容一起滚动)

两种选择。

background-position - 水平位置/垂直位置:确定背景图像的水平、垂直位置。共有左对齐

(left)、右对齐(right)、顶部(top)、底部(bottom)、居中 (center)和值(自定义背景

图像的起点位置,可使用户对背景图像的位置做出更精确的控制)等6种选择。

5、区块属性

word-spacing - 单词间距:主要用于控制文字间相隔的距离。有正常(normal)和值(自定

义间隔值)两种选择方式。当选择值时,可用的单位有英寸(in)、厘米 (cm)、毫米(mm)、

点数(pt)、12pt字(pc)、字体高(em)、字体x有高(ex)像素(px)。

letter-spacing -字母间距:其作用与字符间距类似,也有正常(normal)和值(自定义间隔值)

两种选择方式。

vertical-align - 垂直对齐:控制文字或图像相对于其母体元素的垂直位置。如将一个2×3像

素的GIF图像同其母体元素文字的顶部垂直对齐,则该GIF图像将在该行文字的顶 部显示。

共有基线(baseline,将元素的基准线同母体元素的基准线对齐)、下标(sub,将元素以下

标的形式显示),上标(super,将元素以上 标的形式显示)、顶部(top,将元素顶部同最高

的母体元素对齐)、文本顶对齐(text-top,将元素的顶部同母体元素文字的顶部对齐)、中

线对齐 (middle,将元素的中点同母体元素的中点对齐)、底部(bottom,将元素的底部同

最低的母体元素对齐)及值(自定义)等9种选择。

text-align - 文本对齐:设置块的水平对齐方式。共有左对齐(left)、右对齐(right)、居中

(center)和均分(justify)等4种选择。

text-indent - 文字缩进:控制块的缩进程度。

white-space -空白间距:在HTML中,空格是被省略的;在CSS中则使用属性(white-space)

控制空格的输入。共有正常(normal)、保留(pre)和不换行(nowrap)等3种选择。

6、CSS绝对定位属性

position - 类型:用于确定定位的类型,共有绝对(absolute)、相对(relative)和静态(static)

等3种选择。

z-index - Z轴:用于控制网页中块元素的叠放顺序,可为元素设置重叠效果。该属性的参数

值使用纯整数,值为0时,元素在最下层,适用于绝对定位或相对定位的元素。

visibility - 显示:使用该属性可将网页中的元素隐藏,共有继承(inherit,继承母体要素的

可视性设置)、可见(visible)和隐藏(hidden)等3种选择。

overflow - 溢出:在确定了元素的高度和宽度后,如果元素的面积不能全部显示元素中的内

容时,该属性做一日和尚撞一天钟起作用了。其中共有可见(visible,扩大 面积以显示所

有内容)、隐藏(hidden,隐藏超出范围的内容)、滚动(scroll,在元素的右边显示一个滚动

条)和自动(auto,当内容超出元素 面积时,显示滚动条)等4种选择。

,“定位”,当为元素确定了绝对定位类型后,该组属性决定元素在网页中的具体位置。该组

属性包含4个子属性,分别是“左”(属性名为“left”,控制 元素左边的起始位置)、“上”

(属性名为“top”,控制元素上面的起始位置)、“宽”或“高”(与“盒子”类属性面板中

“宽”或“高”的属性作用相 同)。

clip - 剪辑:元素被指定为绝对定位类型后,该属性可以把元素区域切成各种形状,但目前

提供的只有方形一种。属性值为rect(top right bottom left),即:rect(top right bottom left),

属性值的单位为任何一种长度单位。

7、CSS列表

list-style-type -类型样式:确定列表每一项前使用的符号,共有圆点(disc)、圆圈(circle)、

方形(square)、数字(decimal)、小写罗马数字 (lower-roman)、大写罗马数字(upper-roman)、

小写字母(lower-alpha)和大写字母(upper-alpha)等8种。

list-style-image - 列表前的项目图像:作用是将列表前面的符号换为图形。

list-style-position -位置 :用于描述列表位置,有内(outside)和外(inside)两种选择。

onClick 事件触发的方法,理解为当点击时

onDblClick 同上,理解为当双击时

onError 同上,理解为当错误发生时

以上均为编程语言

onAbort 当访问者中断浏览器正在载入图像的操作时产生。

onAfterUpdate 当网页中bound(边界)数据元素已经完成源数据的更新时产生该事件。

onBeforeUpdate 当网页中bound(边界)数据元素已经改变并且就要和访问者失去交互时

产生该事件。

onBlur 当指定元素不再被访问者交互时产生。

onBounce 当marquee(选取框)中的内容移动到该选取框边界时产生。

onChange 当访问者改变网页中的某个值时产生。

onClick 当访问者在指定的元素上单击时产生。

onDblClick 当访问者在指定的元素上双击时产生。

onError 当浏览器在网页或图像载入产生错位时产生。

onFinish 当marquee(选取框)中的内容完成一次循环时产生。

onFocus 当指定元素被访问者交互时产生。

onHelp 当访问者单击浏览器的Help(帮助)按钮或选择浏览器菜单中的Help(帮助)菜单

项时产生。

onKeyDown 当按下任意键的同时产生。

onKeyPress 当按下和松开任意键时产生。此事件相当于把onKeyDown和onKeyUp这两事件

合在一起。

onKeyUp 当按下的键松开时产生。

onLoad 当一图像或网页载入完成时产生。

onMouseDown 当访问者按下鼠标时产生。

onMouseMove 当访问者将鼠标在指定元素上移动时产生。

onMouseOut 当鼠标从指定元素上移开时产生。

onMouseOver 当鼠标第一次移动到指定元素时产生。

onMouseUp 当鼠标弹起时产生。

onMove 当窗体或框架移动时产生。

onReadyStateChange 当指定元素的状态改变时产生。

onReset 当表单内容被重新设置为缺省值时产生。

onResize 当访问者调整浏览器或框架大小时产生。

onRowEnter 当bound(边界)数据源的当前记录指针已经改变时产生。

onRowExit 当bound(边界)数据源的当前记录指针将要改变时产生。

onScroll 当访问者使用滚动条向上或向下滚动时产生。

onSelect 当访问者选择文本框中的文本时产生。

onStart 当Marquee(选取框)元素中的内容开始循环时产生。

onSubmit 当访问者提交表格时产生。

本文标签: 元素产生图像控制属性