css求助 - WEB前端(UI)

情圣

等　级：新手上路
帖　子：63
专家分：0
注　册：2004-10-6

第 2 楼

得分:0

若要在一个网页中用同一个标记来使处于不同位置上的文本显示出不同的效果，可以通过定义一个新的选择符“class”——类的方法来实现。一旦定义了class，就可以把它“附加”在HTML文档的任何HTML标记中来定义样式了，也就是说，任何HTML标记都可以在Web文档中引用已经定义了的类。

    定义class的第一种语法为：    HTML标记.class名{属性对1；属性对2；┄ ；属性对n}    定义class的另一种语法为：    .class名{属性对1；属性对2；┄ ；属性对n}    引用类的语法为：             <HTML标记 class=class名>

class只是选择符，在实际的应用中可以该变的

ID就是为HTML文档颁发“身份证”，以保证该文档具有唯一可用的值。 ID提供了一种把定义好了的同一个样式应用到Web页面的不同地方中去的另一种方法。其用法与class差不多——只是定义ID时要以“#”开头，即定义ID的语法为：

    定义ID的语法为：    #ID名{属性对1；属性对2；┄ ；属性对n}    引用ID的语法为：    <HTML标记 ID=ID名>

在静中寻找一切最美的感觉...

/images/upphoto/306.jpg" border="0" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://bbs.glite./images/upphoto/306.jpg');}" onmousewheel="return imgzoom(this);" alt="" />

2004-11-11 09:55

IP

等　级：新手上路
帖　子：56
专家分：0
注　册：2004-11-17

第 4 楼

得分:0

Selectors 选择符

Selectors 选择符	CSS Version 版本	Compatibility 兼容性	Syntax Samples 语法	Description 简介
类型选择符(Type Selectors)	CSS1	IE4+ , NS4+	E1	以文档语言对象类型作为选择符
通配选择符(Universal Selector)	CSS2	NONE	*	选定文档目录树（DOM）中的所有类型的单一对象
包含选择符(Descendant Selectors)	CSS1	IE4+ , NS4+	E1 E2	选择所有被E1包含的E2。即E1.contains(E2)==true
子对象选择符(Child Selectors)	CSS2	NONE	E1 > E2	选择所有作为E1子对象的E2
相邻选择符(Adjacent Sibling Selectors)	CSS2	NONE	E1 + E2	选择紧贴在对象E1之后的所有E2对象
属性选择符(Attribute Selectors)	CSS2	NONE	E1[attr]	选择具有attr属性的E1
属性选择符(Attribute Selectors)	CSS2	NONE	E1[attr=value]	选择具有attr属性且属性值等于value的E1
属性选择符(Attribute Selectors)	CSS2	NONE	E1[attr~=value]	选择具有attr属性且属性值为一用空格分隔的字词列表，其中一个等于value的E1
属性选择符(Attribute Selectors)	CSS2	NONE	E1[attr\|=value]	选择具有attr属性且属性值为一用连字符分隔的字词列表，由value开始的E1
ID选择符(ID Selectors)	CSS1	IE4+ , NS4+	#sID	以文档目录树（DOM）中作为对象的唯一标识符的ID作为选择
类选择符(Class Selectors)	CSS1	IE4+ , NS4+	E1.className	在HTML中可以使用此种选择符。其效果等同于E1[class~=className]
选择符分组(Grouping)	CSS1	IE4+ , NS4+	E1,E2,E3	将同样的定义应用于多个选择符，可以将选择符以逗号分隔的方式并为组

一起努力！

2004-12-08 22:23