五、分级属性
1、display:block|inline|list-item|none
2、white-space:normal|pre|nowrap
3、list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none
disc:圆盘
circle:圆圈
square:方块
decimal:十进制数1、2、3……
lower-roman:小写罗马数字i,ii,iii...
upper-roman:大写罗马数字I,II,III...
lower-alpha:小写字母a,b,c...
upper-alpha:大写字母A,B,C...
4、list-style-image:url|none
如ul{list-style-image:url(bullet.gif)}
5、list-style-position:inside|outside
决定列项的第二行左边距是否与第一行除了项目符号以外的第一个字母对齐。
6、list-style:keyword|position|url
可以一次指定list-style-type,list-style-image,list-style-position属性。
六、鼠标属性
cursor:auto|crosshair|default|hand|move|e-resize|ne-resize|nw-resize|n-resize|se-resize|sw-resize|s-resize|w-resize|text|wait|help
第五章 CSS的单位
一、长度单位
1、绝对长度值:cm,mm,in,pt,pc等。绝对长度值最好用于打印输出设备,而在仅仅作为屏幕显示用绝对长度值并无多大意义。
2、相对长度值:CSS支持以下单位pc,em,ex
em代表的高度就是大写字母"M"(或者"H")的高度。优越性是设计者和用户都具有对字体大小的控制权,缺陷是早期版本的浏览器不支持。
二、颜色单位
用百分比值来表示;如color:rgb(50%,0,50%)
使用0-255之间的整数值来设置:如color:rgb(128,0,128)
使用十六进制数组定义颜色:如#fc0eab
使用简化的十六进制数定义颜色:如#080
为颜色取名:aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,
white,yellow
三、URL单位
URL单位的具体格式是:在“url”后面紧跟一个括号,括号中是url的地址。如果在地址中使用了括号、逗号、空格、单引号河双引号,那么就必须在整个地址的外面加上一对单引号或者双引号。地址可以是相对地址或绝对地址。
第六章 CSS格式化模型
CSS的格式化定义包括两种元素:块级元素和行内元素。
第七章 CSS定位
相对定位:允许元素在相对于文档布局的原始位置上进行偏移(OFFSET)操作。
绝对定位:允许元素与原始的文档布局分离并且任意定位。
一、CSS定位的属性
position,left,top,width,height,clip,overflow,z-index,visibility
1、position:absolute|relative|static
absolute是绝对定位;relative是相对定位,在scripting语言实现动画特效的时候非常有用处;static是默认状态,没有定位功能。
2、left,top:length|percentage|auto
左上角顶点是定位的取值参考点。css格式化是将对象放置在一个个矩形的"容器"中,这个矩形的左上角顶点就是定位的取值参考点。任何left和top值都是相对左上角而言的。left是容器的左上顶点到上级元素左边界之间的距离;top是容器的左上顶点到上级元素上边界之间的距离。
3、width,height:length|percentage|auto
4、clip:shape|auto
shape:rect(top,right,bottom,left),
一个剪切区域定义了元素的哪一个矩形部分可见。
5、overflow:visible|hidden|scroll|auto
overflow决定了元素的内容在超越它的宽度和高度限制时,浏览器怎样处理。使用visible,元素的宽度可以比原先声明的更大。任何填充距或边框都保留并相应扩大。使用hidden,则任何超出原先声明的宽度和高度的内容都会变得不可见。使用auto时,一般超过高度或宽度时,浏览器会提供一组滚屏工具。使用scroll,表示如果浏览器支持滚屏工具,无论元素内容是否超越了边界,这个工具都应该被显示。这避免了载一些动态显示的状态下,滚动条是否需要显示的混乱问题。
6、z-index:auto|integer
7、visibility:inherit|visible|hidden
inherit(继承)是默认值。
第八章 CSS打印支持(略)
第九章 CSS与框架结构
一、属性
"@page"允许用户定义最外围层的框架属性;"@frame"允许用户定义嵌入的框架。
1、parent:<frame name>
2、zindex:<number>
3、layout:fill|fixed|row|column
fill是默认值,也是传统布局规定。把框架中的内容按照浏览器传统的方法排列出来成为一个html文档,left,top,right,bottom值都会被忽略不计。
fixed:把没一个元素都放置在相对于框架结构的固定位置上。
layout:row 把框架结构按照一个单一列的形式互相紧挨着排列起来。
layout:column 把框架结构按照一个单一行的形式互相紧挨着排列起来。
4、content:<url>|normal
5、border:length|style|url|color
6、padding:values
7、background:transparent|color|url|blend-direction|repeat|scroll|position
二、将html元素与框架关联
使用flow:属性。如p{flow:main}使<P>内的内容都放在main框架中。
三、为超文本链接设置目标框架
<target:>属性。
target:_blank 打开新窗口。
target:_popup 打开新的弹出窗口,通常没有变框,适用于消息、警告等。
target:_self 在当前框架结构中打开,会覆盖当前内容。
target:_parent 在当前一级的上级框架里打开,如果没有上级框架,则会在自身框架打开。
target:_top 在当前窗口打开,覆盖所有的框架内容。
四、处理“溢出”
overflow:autoscroll|scrollbar|hand|button|any
第十章 CSS与HTML(略)
第十一章 声音层叠样式表单
一、通用声音属性
1、volume:%|silent|x-soft|soft|medium|loud|x-loud
2、pause-before:时间值|百分比值 表示在元素前的停顿
3、pause-after:同上 表示在元素后的停顿
4、pause:是2和3的简便指定形式。
5、cue,cue-before,cue-after:url|none
6、play-during:url|mix?repeat?|auto|none 指定背景声音。
7、azimuth:角度值|left-side|far-left|left|center-left|center|center-right|right|far-right|right-side|behind|leftwards|rightwards 提供声音场幻境效果。
8、elevation:angle|below|level|above|higher|lower 设置音源的仰角位置。
9、speech-rate:number|x-slow|slow|medium|fast|x-fast|faster|slower 阅读的速度。
10、voice-family:specific-voice|generic-voice|
11、pitch:hertz|x-low|low|medium|high|x-high 音高标准。
12、pitch-range:% 0%音量代表平缓、单调的声音;50%代表普通声音;大于50%代表颤音。
13、stress:% 语音强调的级别。
14、richness:% 阅读声音的饱满程度。
15、speak-punctuation:code|none 使更加富有文采。
16、speak-date:myd|dmy|ymd 指定阅读日期的方式。
17、speak-numeral:digits|continous|none 阅读数字的方法。
18、speak-time:24|12|none 控制是否把时间按照24小时制阅读。
第十二章 CSS滤镜和渐变
filter:filtername()是实现滤镜样式的属性。对于一个元素可以作用多个滤镜属性。
一、滤镜属性
1、alpha 语法:filter:alpha(Opacity=,FinishOpacity=,Style=,StartX=,StartY=,Finishx=,FinishY=)作用是把一个元素与背景混合。
opacity代表透明度,从0-100。
finishopacity指定渐变时的结束透明度。
style指定了透明区域的形状特征。0-统一形状;1-线形;2-放射状;3-长方形。
startX和startY代表透明效果开始的x,y坐标;
finishX和finishY代表结束的x,y坐标。
2、blur 语法:filter:blur(add=,direction=,strength=) 作用是产生模糊效果。
add指定图片是否被改变成印象派的模糊效果。true,false 对文字设定为add=1时效果很好。
direction设置模糊的方向。有0,45,90,135,180,225,270,315
strength 只能是整数,代表有多少像素的宽度将受到模糊影响。默认值是5。
3、chroma 语法:filter:chroma(color=) 设置一个对象中指定的颜色为透明色。
4、dropshadow 语法:filter:DropShadow(color=,OffX=,OffY=,Positive=) 添加对象的阴影效果。
positive 为true时可以为任何的非透明像素建立可见的投影。为false时就为透明的像素部分建立可见的投影。
5、FlipH 语法:filter:FlipH 水平翻转。
6、FlipV 语法:filter:FlipV 垂直翻转。
7、Glow 语法:filter:Glow(color=,strength=) 边缘发光效果。strength是从1到255之间的数。
8、Gray 语法:filter:Gray 把一张图变为灰度图。
9、Invert 语法:filter:Invert 底片效果。
10、Light 语法:filter:Light 模拟光源的投射效果。
11、Mask 语法:filter:Mask(color=) 为对象建立一个覆盖于表面的膜。
12、Shadow 语法:filter:Shadow(color=,direction=) 在指定的方向上建立物体的投影。
13、Wave 语法:filter:Wave(add=,freq=,LightScrength=,Phase=,Strenth=) 波动效果。
add 默认值为true 表示是否要把对象按照垂直的波形样式打乱。
freq是波纹频率。指定在这个对象上面一共需要产生多少个完整的波纹。
lightstrength可对波纹增强光影效果。从0-100。
phase 设置正弦波开始的便宜量。0-100。
strength 代表振幅大小。
14、Xray 语法:filter:Xray 反映出对象的轮廓并把轮廓增亮。
更多的网页CSS样式设计要点(二)请到论坛查看: http://BBS.TC711.COM
【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】
来源:
互联网
日期:2008-2-13