第五章 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(略)
