支持“小画家”,打个分·留个言.

  连接网:

 快速连续点击:         http://210.51.1.171:8010/spview.asp?shopid=403&spid=890

http://www.zenzone.cn/ctrl/dispuser.asp?id=357

                                                       看看“小画家”现场表演

                                                     http://tv.mofile.com/MJXD433L/

                                                              看看“小画家”习作

                                                        http://tv.mofile.com/GWMIYM46/ 

                                                  历史成绩

“墨彩杯”第二届全国少年儿童书画作品电视大赛

------获奖名单（儿童组）------金奖　张梁 （河南）

 
http://www.cctv.com/art/20040916/102791.shtml

央视国际 2004年09月16日 18:29

　　金奖 34名

　　魏凯 （安徽）

　　陈颖 （贵州）

　　杨茹倩 （湖北）

　　应永麟 （青海）

　　王洁 （陕西）

　　张倩莹 （广东）

　　张梁 （河南）

                  共愿                          喜祝

                  建玲                          庆鹏

                  幸玉                          佳程

                  福生                          日里

                  家辉                          佳万

                  庭                             偶                                                                    

渠半城                                                                                           

祁县示范小学             (五)制五年级(一)班                 梁晋彤           指导老师:冯晓慧

       今天计划参观渠家大院,我家住处离渠家大院不远,走过一个红绿灯就到了。

       9:30我与同学去参观了渠家大院,                                                  渠家大院位于明清一条街上,整个街道古朴典雅,很有历史沧桑感。古色古香的建筑与店内摆放的现代商品形成了鲜明的对比。 渠家大院墙高院深,为全国罕见的五进式穿堂院。著名的三晋源票号就位于院内。进入院门是一个大长廊,长廊一直到头,各个院落则布局在长廊左侧。感觉整个大院对内四通八达,对外注重防御。院墙的高耸、院落的气派、装饰的考究等都给人以震撼。

      走进院内,一位导游小姐迎面而来,今天由她来为我们讲解渠家。

      渠氏家族是明清以来闻名全国的晋中巨商之一,在祁县城内有十几个大院,千余间房屋,占地三万多平方米,人称“渠半城”。渠家十七世有著名的三大财主:田喜财主(渠源潮)、旺财主(渠源浈)、金财主(渠源淦)。渠源潮(嫡孙渠晋山字仁甫)的住宅始建于清乾隆年间,位于现在祁县城内东大街33号。

      渠家该院堪称民宅建筑艺术的佳作,为中华文明的一颗民居瑰宝,是“渠半城”的一处典范建筑。

      渠家大院 占地5317平方米,建筑面积3271平方米。为全国罕见的五进式穿堂院,内分八个大院、19个小院、 240间房屋。明楼院、统楼院、栏杆院、戏台院巧妙结合,错落有致。悬山顶、歇山顶、卷棚顶、硬山顶形式各异、匠心独运。大院外观为城堡式,墙高十余米,高大的拱式大门洞,上有玲珑精致的眺阁。院内建筑布局合理,主侧院主次分明,院落青石奠基,水磨青砖砌墙。院与院间隔有牌楼、过厅,明楼、统楼遥相呼应。石雕栏杆石雕门,工艺精湛;砖雕篆文砖雕景,高雅美观。

         渠家大院有专门的戏台院。戏楼为砖木结构,卷棚顶,伸出式。前台四根立柱支撑屋顶,中间面宽,两侧都有垂帘。台后是一整面木质窗门,也用柱子分成三部分。在台前还设有一圈矮栏杆。该戏台的每个建筑构件上都有木雕,是不可多得的艺术品。

         渠家大院开发于1993年,经过了三年时间的筹建,于1996年9月22日正式对外开放。在大院中开辟的晋商文化博物馆,意在弘扬晋商精神,树立“商可富民兴晋”的观念,激发人们振兴山西经济的雄心。陈列展分晋商总览、著名商号、巨商大贾、爱国义举、商界盛事、渠氏家族、晋剧渊源七大系列,28个展室,采取原状陈列和系列展出相结合的方法,运用实物、图片、模型、雕塑等手法,配以灯光、电声等现代手段,揭示晋商文化的内涵,艺术地再现了晋商的辉煌。渠家大院的原建筑已基本修复,展览内容将陆续增多。

        祁县渠家在晋商中颇具代表性,曾是清代著名的商业金融资本家。全国各大城市都有渠家开设的商业金融字号,商业资本高达 1000万两白银,其发家过程、经营之道及其经商爱国、投资近代工业、热心公益、兴办教育、发展文化等都很引人注目,赢得了社会的广泛赞誉和尊敬,在一定程度上可以说是中国近代商人兴衰命运的缩影。我们利用这座大院成立晋商文化博物馆对于研究晋商的兴衰史及活动规律具有重要的历史意义和深渊的现实意义。

         这次,我们不仅参观了渠家大院,而且了解了不少的知识。

    博客建设必看的文章

                                     逍遥赵

博客帮助索引

one   two  three  four  five  six  seven  eight  nine  ten    eleven   twelve 

red   white        yellow    purple    pink   orange   green    blue  black     colour

brown     jeep    car    zero    your    count    flag      guess     jump    number 

door   favourite              plcase    blackboard     book       chair     desk    pen 

pencil      pencil case    ruler      schoolbag     tree     window     cat       dog

eat     fish    run    sit     day       monday       tuesday      wednesday                
thuesday

friday      saturday       sunday      room       wrong   

good morning        good evening       good afternoon           good night    

stand

                   暮江吟
                                             白居易
            一道残阳铺水中，
            半江瑟瑟半江红。
            可怜九月初三月，
            露似真珠月似弓。

                        山行
                                                杜牧
            远上寒山石径斜，
            白云深处有人家。             
            行车坐爱风林晚，
            霜叶红于二月花。

                   风桥夜泊
                                                                                                  张继
              月落乌啼霜满天，
              江风渔火对愁眠。
              姑苏城外寒山寺，
              夜半钟声到客船。 

经典CCS分析与介绍

 
　　基本语法

　　规则

　　选择符

　　任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向特别样式的元素。例如，

　　P { text-indent: 3em }

　　当中的选择符是P。

　　类选择符

　　单一个选择符能有不同的CLASS(类)，因而允许同一元素有不同样式。例如，一个网页制作者也许希望视其语言而定，用不同的颜色显示代码 :

　　code.html { color: #191970 }

　　code.css { color: #4b0082 }

　　以上的例子建立了两个类，css和html，供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类，例如，

　　<P CLASS=warning>每个选择符只允许有一个类。

　　例如，code.html.proprietary是无效的。</p>

　　类的声明也可以无须相关的元素:

　　.note { font-size: small }

　　在这个例子，名为note的类可以被用于任何元素。

　　一个良好的习惯是在命名类的时候，根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small，但如果网页制作者决定改变这个类的样式，使得它不再是小字体的话，那么这个名字就变得毫无意义了。

　　ID 选择符

　　ID 选择符个别地定义每个元素的成分。这种选择符应该尽量少用，因为他具有一定的局限。一个ID选择符的指定要有指示符"#"在名字前面。例如，ID选择符可以指定如下:

　　#svp94O { text-indent: 3em }

　　这点可以参考HTML中的ID属性:

　　<P ID=svp94O>文本缩进3em</P>

　　关联选择符

　　关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性，而且因为层叠顺序的规则，它们的优先权比单一的选择符大。例如， 以下的上下文选择符

　　P EM { background: yellow }

　　是P EM。这个值表示段落中的强调文本会是黄色背景；而标题的强调文本则不受影响。

　　声明

　　属性

　　一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。

　　值

　　声明的值是一个属性接受的指定。例如，属性颜色能接受值red。

　　组合

　　为了减少样式表的重复声明，组合的选择符声明是允许的。例如，文档中所有的标题可以通过组合给出相同的声明:

　　H1, H2, H3, H4, H5, H6 {

　　color: red;

　　font-family: sans-serif }

　　继承

　　实际上，所有在选择符中嵌套的选择符都会继承外层选择符指定的属性值，除非另外更改。例如，一个BODY定义了的颜色值也会应用到段落的文本中。

　　有些情况是内部选择符不继承周围的选择符的值，但理论上这些都是特殊的。例如，上边界属性是不会继承的；直觉上，一个段落不会有同文档BODY一样的上边界值。

　　注解

　　样式表里面的注解使用C语言编程中一样的约定方法去指定。CSS1注解的例子如以下格式:

　　/* COMMENTS CANNOT BE NESTED */

　　伪类和伪元素

　　伪类和伪元素是特殊的类和元素，能自动地被支持CSS的浏览器所识别。伪类区别开不同种类的元素(例如，visited links(已访问的连接)和active links(可激活连接)描述了两个定位锚(anchors)的类型)。伪元素指元素的一部分，例如段落的第一个字母。

　　伪类或伪元素规则的形式如

　　选择符:伪类 { 属性: 值 }

　　或

　　选择符:伪元素 { 属性: 值 }

　　伪类和伪元素不应用HTML的CLASS属性来指定。一般的类可以与伪类和伪元素一起使用，如下:

　　选择符.类: 伪类 { 属性: 值 }

　　或

　　选择符.类: 伪元素 { 属性: 值 }

　　定位锚伪类

　　伪类可以指定A元素以不同的方式显示连接(links)、已访问连接(visited links)和可激活连接(active links)。定位锚元素可给出伪类link、visited或active。一个已访问连接可以定义为不同颜色的显示，甚至不同字体大小和风格。

　　一个有趣的效果是使当前(或“可激活”)连接以不同颜色、更大的字体显示。然后，当网页的已访问连接被重选时，又以不同颜色、更小字体显示。这个样式表的示例如下:

　　A:link { color: red }

　　A:active { color: blue; font-size: 125% }

　　A:visited { color: green; font-size: 85% }

　　首行伪元素

　　通常在报纸上的文章，例如Wall Street Journal中的，文本的首行都会以粗印体而且全部大写地展示。CSS1包括了这个功能，将其作为一个伪元素。首行伪元素可以用于任何块级元素(例如P、H1等等)。以下是一个首行伪元素的例子:

　　P:first-line {

　　font-variant: small-caps;

　　font-weight: bold }

　　首个字母伪元素

　　首个字母伪元素用于加大(drop caps)和其他效果。含有已指定值选择符的文本的首个字母会按照指定的值展示。一个首个字母伪元素可以用于任何块级元素。例如:

　　P:first-letter { font-size: 300%; float: left }

　　会比普通字体加大三倍。

　　层叠顺序

　　当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。

　　! important

　　规则可以用指定的! important 特指为重要的。一个特指为重要的样式会凌驾于与之对立的其它相同权重的样式。同样地，当网页制作者和读者都指定了重要规则时，网页制作者的规则会超越读者的。以下是! important 声明的例子:

　　BODY { background: url(bar.gif) white;

　　background-repeat: repeat-x ! important }

　　Origin of Rules (Author's vs. Reader's)

　　正如以前所提及的，网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突，网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。

　　网页制作者应该小心地使用! important 规则，因为它们会超越用户任何的! important 规则。例如，一个用户由于视觉关系，会要求大字体或指定的颜色，而且这样的用户会有可能声明确定的样式规则为! important，因为这些样式对于用户阅读网页是极为重要的。任何的! important 规则会超越一般的规则，所以建议网页制作者使用一般的规则以确保有特殊样式需要的用户能阅读网页。

　　选择符规则: 计算特性

　　基于它们的特性级别，样式表也可以超越与之冲突的样式表，一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。

　　统计选择符中的ID属性个数。

　　统计选择符中的CLASS属性个数。

　　统计选择符中的HTML标记名格式。

　　最后，按正确的顺序写出三个数字，不要加空格或逗号，得到一个三位数。( 注意，你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:

　　#id1 {xxx} /* a=1 b=0 c=0 --> 特性 = 100 */

　　UL UL LI.red {xxx} /* a=0 b=1 c=3 --> 特性 = 013 */

　　LI.red {xxx} /* a=0 b=1 c=1 --> 特性 = 011 */

　　LI {xxx} /* a=0 b=0 c=1 --> 特性 = 001 */

　　特性的顺序

　　为了方便使用，当两个规则具同样权重时，取后面

 
 
 
 
　　有很多方法将样式表加入到HTML中，每个都带有自己的优点和缺点。新的HTML元素和属性已被加入以允许样式表与HTML文档更简易地组合起来。

　　连接到一个外部的样式表

　　嵌入一个样式表

　　输入一个样式表

　　内联样式

　　CLASS属性

　　ID属性

　　SPAN元素

　　DIV元素

　　关于认证的备注

　　--------------------------------------------------------------------------------

　　连接到一个外部的样式表

　　一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:

　　<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>

　　<LINK REL=StyleSheet HREF="color-8b.css" TYPE="text/css" TITLE="8-bit Color Style" MEDIA="screen, print">

　　<LINK REL="Alternate StyleSheet" HREF="color-24b.css" TYPE="text/css" TITLE="24-bit Color Style" MEDIA="screen, print">

　　<LINK REL=StyleSheet HREF="aural.css" TYPE="text/css" MEDIA=aural>

　　<LINK>标记是放置在文档的HEAD部分。可选的TYPE属性用于指定媒体类型--text/css是一个层叠样式表--允许浏览器忽略它们不支持的样式表类型。为CSS文件配置服务器而将text/css当作Content-type内容发送出去也是一个好注意。

　　外部样式表不能含有任何像<HEAD>或<STYLE>这样的HTML的标记。样式表仅仅由样式规则或声明组成。一个单独由

　　P { margin: 2em }

　　组成的文件就可以用作外部样式表了。

　　<LINK>标记也有一个可选的MEDIA属性，用于指定样式表被接受的介质或媒体。允许的值有

　　screen (缺省值)，提交到计算机屏幕；

　　print， 输出到打印机；

　　projection，提交到投影机；

　　aural，扬声器；

　　braille，提交到凸字触觉感知设备；

　　tty，电传打字机 (使用固定的字体)；

　　tv，电视机；

　　all，所有输出设备。

　　多样的媒体通过用逗号隔开的列表或值all指定。

　　Netscape Navigator 4.x 错误地忽略除了screen值外的任何使用MEDIA值声明的连接或嵌入样式表。例如，MEDIA="screen,projection"会令到样式表被Navigator 4.x忽略，尽管展示的设备是计算机的屏幕。Navigator 4.x 也忽略使用MEDIA=all声明的样式表。

　　REL属性用于定义连接的文件和HTML文档之间的关系。REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样式。固定样式在样式表激活时总被应用。缺少的TITLE属性，就像例子中的第一个<LINK>标记，定义一个固定样式。

　　一个首选样式会自动被应用，就像例子中的第二个<LINK>标记。REL=StyleSheet和一个TITLE属性的组合指定一个首选的样式。网页制作者不能指定多于一个的首选样式。

　　交互样式通过REL="Alternate StyleSheet"指出。例子中的第三个<LINK>标记定义一个交互样式，用户可以选择用来代替首选样式表。

　　注意现在的浏览器一般都缺乏选择交互样式的能力。

　　单一的样式也可以通过多个样式表给出

　　<LINK REL=StyleSheet HREF="basics.css" TITLE="Contemporary">

　　<LINK REL=StyleSheet HREF="tables.css" TITLE="Contemporary">

　　<LINK REL=StyleSheet HREF="forms.css" TITLE="Contemporary">

　　在这个例子中，三个样式表组合成一个"Contemporary"样式，作为一个首选样式表被应用。要组合多个样式表成一个单一样式，必须在每个样式表中使用相同TITLE。

　　当样式被应用到很多的网页时，一个外部样式表是理想的。网页制作者使用外部样式表可以改变整个网站的外观而仅仅通过改变一个文件。同样的，大多数浏览器会保存外部样式表在缓冲区，从而如果样式表在缓冲区就避免了在展示网页时的延迟。

　　Microsoft Internet Explorer 3 for Windows 95/NT4并不支持来自连接的样式表中的BODY 背景图象或颜色。如果考虑到这个错误，网页制作者不妨提供另外的包括一个背景图象或颜色的结构，例如嵌入或内联样式，或使用BODY元素的BACKGROUND属性。

　　--------------------------------------------------------------------------------

　　嵌入一个样式表

　　一个样式表可以使用STYLE元素在文档中嵌入:

　　<STYLE TYPE="text/css" MEDIA=screen>

　　<!--

　　BODY { background: url(foo.gif) red; color: black }

　　P EM { background: yellow; color: black }

　　.note { margin-left: 5em; margin-right: 5em }

　　-->

　　</STYLE>

　　STYLE元素放在文档的HEAD部分。必须的TYPE属性用于指定媒体类型，LINK元素也一样。同样地，TITLE和MEDIA属性也可以用STYLE指定。

　　旧版本的浏览器，并不能识别STYLE元素，会将其当作BODY的一部分照常展示其内容，从而使这些样式表对用户是可见的。要防止这样做，STYLE元素的内容要包含一个SGML注解(<!-- comment -->)在里面，像上述例子那样。

　　嵌入的样式表可用于当一个文档具有独一无二的样式的时候。如果多个文档都使用同一样式表，那么外部样式表会更适用。

　　--------------------------------------------------------------------------------

　　输入一个样式表

　　一个样式表可以使用CSS的@import 声明被输入。这个声明用于一个CSS文件或内部的STYLE元素:

　　<STYLE TYPE="text/css" MEDIA="screen, projection">

　　<!--

　　@import url(http://www.htmlhelp.com/style.css);

　　@import url(/stylesheets/punk.css);

　　DT { background: yellow; color: black }

　　-->

　　</STYLE>

　　注意其它的CSS规则应该仍然包括在STYLE元素中，但所有的@import 声明必须放在样式表的开始部分。任意在样式表中指定了的规则，其自身超越在输入样式表中对立的规则。例如上例，即使一个输入的样式表包含DT { background: aqua }，定义项(definition terms)依然会是黄色的背景。

　　被输入的样式表的顺序对于它们怎样层叠是很重要的。在上述的例子中，如果style.css输入的样式表指定了STRONG元素会显示为红色而punk.css样式表指定了STRONG元素显示为黄色的话，那么后面的规则会获胜，而STRONG元素会显示为黄色。

　　输入的样式表对于模块性效果很有用处。例如，一个网站可以通过使用了的选择符分类样式表。一个simple.css样式表给出公共的元素像BODY、P、H1和H2。此外，一个extra.css样式表给出较少共通的元素像CODE、BLOCKQUOTE和DFN。一个tables.css样式表可以用于定义变革元素的规则。这三个样式表在需要的时候可以使用@import 声明包括在HTML中。三个样式表也可以通过LINK元素组合。

　　--------------------------------------------------------------------------------

　　内联样式

　　样式可以使用STYLE属性内联。STYLE属性可以应用于任意BODY元素(包括BODY本身)，除了BASEFONT、PARAM和SCRIPT。这个属性将任何数量的CSS声明当作自己的值，而每个声明用分号隔开。以下是一个例子:

　　<P STYLE="color: red; font-family: 'New Century Schoolbook', serif"> 这段的样式是红色的New Century Schoolbook字，如果字体可用的话。</P>

　　注意在STYLE中New Century Schoolbook包含在单引号中，因为双引号被用作包含样式声明。

　　内联的样式比其他方法更加灵活。要使用内联样式，必须使用Content-Style-Type HTTP页眉扩展对整个文档进行单独的样式表语言声明。使用内联CSS的网页制作者必须将text/css作为Content-Style-Type HTTP页眉，或在HEAD部分包括以下标记:

　　<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

　　因为和需要展示的内容混合在一起，内联样式会失去一些样式表的优点。同样地，内联样式默认地接受所有媒体，因为没有任何的为内联样式指定明确的媒体的语句。这种方法应该尽量少用，如当一个样式会应用在所有媒体到一个元素的个别情况。如果样式会被应用到单一元素的场合，但只能使用确认的媒体的话，使用ID属性代替STYLE属性。

　　--------------------------------------------------------------------------------

　　CLASS属性

　　CLASS属性用于指定元素属于何种样式的类。例如，样式表可以加入punk和warning类:

　　.punk { color: lime; background: #ff80c0 }

　　P.warning { font-weight: bolder; color: red; background: white }

　　这些类可以使用CLASS属性在HTML中引用:

　　<H1 CLASS=punk>属性扩展</H1>

　　<P CLASS=warning>一些属性扩展会有负值的边效果，产生于支持和不支持的浏览器上...

　　在这个例子中，punk类可以用于任何BODY元素因为它在样式表中没有HTML元素关联。而在这个例子的样式表，warning类只能用于P元素。

　　一个良好的习惯是在命名类的时候，根据它们的功能而不是根据它们的外观。上述例子中的warning类也可以命名为red，但如果网页制作者决定改变这个类的样式为别的颜色，或希望为那些使用PC喇叭的人定义为aural(听觉)样式的话，那么这个名字就变得毫无意义了。

　　类会是应用样式到HTML文档中在结构上一样的部分的有效的办法。例如，本页使用类给CSS源代码和HTML源代码使用不同的样式。

　　--------------------------------------------------------------------------------

　　ID属性

　　ID属性用于定义一个元素的独特的样式。一个CSS规则如

　　#wdg97 { font-size: larger }

　　可以通过ID属性应用到HTML中:

　　<P ID=wdg97>欢迎访问Web Design Group及TV water 168!</P>

　　整个文档当中的每个ID属性的值都必须是唯一的。其值必须是一个以字母开头紧接字母、识字或连字符。字母限于A-Z和a-z。

　　注意HTML 4.0允许在ID属性中有句号，但CSS1不允许在ID选择符中有句号。也要注意CSS1允许Unicode字符161-255而且忽略Unicode字符为一个数字代码，但HTML 4.0不允许这些字符在一个ID属性值当中。

　　当一个样式只需要在任何文档中应用一次时，使用ID是很适合的。 ID与STYLE属性相比，在于ID允许指定媒体的样式，而且也可以被应用于多个文档(虽然每个文档只用一次)。

　　--------------------------------------------------------------------------------

　　SPAN元素

　　SPAN元素被加入到HTML中以允许网页制作者给出样式但无须附加在一个HTML的结构元素上。SPAN在样式表中作为一个选择符使用，而且它也能接受STYLE、CLASS和ID属性。

　　SPAN是一个内联元素，所以它可以作为HTML中的元素如EM和STRONG使用。最重要的差别在于虽然EM和STRONG带有结构的意义，但SPAN就没有这样的意义。它的存在纯粹是应用样式，所以当样式表失效时它就没有任何的作用。

　　一些SPAN例子如下:

　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

　　<HTML>

　　<HEAD>

　　<TITLE>SPAN的例子</TITLE>

　　<STYLE TYPE="text/css" MEDIA="screen, print, projection">

　　<!--

　　.firstwords { font-variant: small-caps }

　　-->

　　</STYLE>

　　</HEAD>

　　<BODY>

　　<P><SPAN CLASS=firstwords>The first few words</SPAN>前面是

　　段落中少数的文字，会是小型大写字母。样式也可以内联，如改变文

　　字的样式为<SPAN STYLE="font-family: Arial">Arial</SPAN>.</P>

　　--------------------------------------------------------------------------------

　　DIV元素

　　DIV元素在功能上与SPAN元素相似，最主要的差别在于DIV ("division"，"部分"的简称)是一个块级元素。DIV可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类，如章节、摘要或备注。例如:

　　<DIV CLASS=note>

　　<H1>Divisions/部分</H1>

　　<P>DIV元素在HTML 3.2中有定义，但HTML 3.2中只有ALIGN属性能兼容。HTML 4.0在属性中加入CLASS、STYLE、和ID属性。</P>

　　<P>因为DIV可以包含其他块级集成，在用于建立文档的大型章节例如本备注是很有用的。</P>

　　<P>要求关闭标记。</P>

　　</DIV>

　　--------------------------------------------------------------------------------

　　关于认证的备注

　　少数使用了CSS样式的文档能在HTML3.2 (Wilbur)层(在WDG网站，译者注)得到认证。HTML3.2不会解释SPAN元素，也不解释CLASS、STYLE或ID属性，而且在LINK和STYLE元素中也很少支持TYPE和MEDIA属性。

　　这些有关的样式元素和属性对不支持的浏览器不会有害，因为它们能安全地忽略。文档使用这些元素和属性可以被认证防御于HTML 4.0。

显示

　　语法: display: <值>

　　允许值: block | inline | list-item | none

　　初始值: block

　　适用于: 所有对象

　　向下兼容: 否

　　显示属性允许使用四个值中的一个来定义一个元素:

　　block (在元素的前和后都会有换行)

　　inline (在元素的前和后都不会有换行)

　　list-item (与block相同, 但增加了目录项标记)

　　none (没有显示)

　　每个元素都典型地由浏览器基于HTML规格建议的展示形式给出一个缺省的显示值。

　　显示属性可能并不安全，因为它使用另外的不合适的格式显示元素。使用值none将关闭指定元素及其子元素的显示！

　　--------------------------------------------------------------------------------

　　空白

　　语法: white-space: <值>

　　允许值: normal | pre | nowrap

　　初始值: normal

　　适用于: 块级元素

　　向下兼容: 是

　　空白属性将决定如何处理元素内的空格. 该属性的值取以下三个中的一个:

　　normal (将多个空格折叠成一个)

　　pre (不折叠空格)

　　nowrap (不允许换行，除非遇到<BR>标记)

　　--------------------------------------------------------------------------------

　　目录样式类型

　　语法: list-style-type: <值>

　　允许值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

　　初始值: disc

　　适用于: 带有显示值的目录项元素

　　向下兼容: 是

　　目录样式项属性指定目录项标记的类型，当目录样式图象值为none或当图象载入选项被关闭时使用。

　　例如:

　　LI.square { list-style-type: square }

　　UL.plain { list-style-type: none }

　　OL { list-style-type: upper-alpha } /* A B C D E etc. */

　　OL OL { list-style-type: decimal } /* 1 2 3 4 5 etc. */

　　OL OL OL { list-style-type: lower-roman } /* i ii iii iv v etc. */

　　--------------------------------------------------------------------------------

　　目录样式图象

　　语法: list-style-image: <值>

　　允许值: <url> | none

　　初始值: none

　　适用于: 带有显示值的目录项元素

　　向下兼容: 是

　　当图象载入选项打开时，目录样式图象属性在指定目录项标记使用哪个图象代替由目录样式类型属性指定的标记。

　　例如:

　　UL.check { list-style-image: url(/LI-markers/checkmark.gif) }

　　UL LI.x { list-style-image: url(x.png) }

　　--------------------------------------------------------------------------------

　　目录样式位置

　　语法: list-style-position: <值>

　　允许值: inside | outside

　　初始值: outside

　　适用于: 带有显示值的目录项元素

　　向下兼容: 是

　　目录样式位置属性可以取值inside(内部) or outside(外部)，其中outside是缺省值。整个属性决定关于目录项的标记应放在那里。如果使用inside值，换行会移到标记下，而不是缩进。应用的例子如下:

　　Outside rendering:

　　* List item 1

　　second line of list item

　　Inside rendering:

　　* List item 1

　　second line of list item

　　--------------------------------------------------------------------------------

　　目录样式

　　语法: list-style: <值>

　　允许值: <目录样式类型> || <目录样式位置> || <url>

　　初始值: 未定义

　　适用于: 带有显示值的目录项元素

　　向下兼容: 是

　　目录样式属性是目录样式类型、目录样式位置，和目录样式图象属性的略写。

　　例如:

　　LI.square { list-style: square inside }

　　UL.plain { list-style: none }

　　UL.check { list-style: url(/LI-markers/checkmark.gif) circle }

　　OL { list-style: upper-alpha }

　　OL OL { list-style: lower-roman inside }
上边界

　　语法: margin-top: <值>

　　允许值: <长度> | <百分比> | auto

　　初始值: 0

　　适用于: 所有元素

　　向下兼容: 否

　　上边界属性用一个指定的长度或百分比值来设置元素的上边界。百分比值参考上级元素的宽度。允许使用负值边际。

　　例如，以下的规则将消除文件的上边界。

　　BODY { margin-top: 0 }

　　注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。

　　--------------------------------------------------------------------------------

　　右边界

　　语法: margin-right: <值>

　　允许值: <长度> | <百分比> | auto

　　初始值: 0

　　适用于: 所有元素

　　向下兼容: 否

　　右边界属性用一个指定的长度或百分比值来设置元素的右边界。百分比值参考上级元素的宽度。允许使用负值边际。

　　例如:

　　P.narrow { margin-right: 50% }

　　注意如果边界在水平方向邻接(重叠)了，不会改用其它边界值。

　　--------------------------------------------------------------------------------

　　下边界

　　语法: margin-bottom: <值>

　　允许值: <长度> | <百分比> | auto

　　初始值: 0

　　适用于: 所有元素

　　向下兼容: 否

　　下边界属性用一个指定的长度或百分比值来设置元素的下边界。百分比值参考上级元素的宽度。允许使用负值边际。

　　例如:

　　DT { margin-bottom: 3em }

　　注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。

　　--------------------------------------------------------------------------------

　　左边界

　　语法: margin-left: <值>

　　允许值: <长度> | <百分比> | auto

　　初始值: 0

　　适用于: 所有元素

　　向下兼容: 否

　　左边界属性用一个指定的长度或百分比值来设置元素的左边界。百分比值参考上级元素的宽度。允许使用负值边际。

　　例如:

　　ADDRESS { margin-left: 50% }

　　注意如果边界在水平方向邻接(重叠)了，不会改用其它边界值。

　　--------------------------------------------------------------------------------

　　边界

　　语法: margin: <值>

　　允许值: [ <长度> | <百分比> | auto ]{1,4}

　　初始值: 未定义

　　适用于: 所有元素

　　向下兼容: 否

　　边界属性用一到四个值来设置元素的边界，每个值都是长度、百分比或者自动。百分比值参考上级元素的宽度。允许使用负值边际。

　　如果四个值都给出了，它们分别被应用于上、右、下和左边界。如果只给出一个值，它被应用于所有边界。如果两个或三个值给出了，省略了的值与对边相等。

　　边界声明包括以下例子：

　　BODY { margin: 5em } /* 所有边界设为5em */

　　P { margin: 2em 4em } /* 上和下边界为2em，左和右边界为4em */

　　DIV { margin: 1em 2em 3em 4em } /* 上边界为1em，右边界为2em，下边界为3em，左边界为4em */

　　注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。而水平方向则不会。

　　使用边界属性可以一次性地设置所有边界；也可以选择使用上边界、下边界、左边界和右边界属性。

　　--------------------------------------------------------------------------------

　　上补白

　　语法: padding-top: <值>

　　允许值: <长度> | <百分比>

　　初始值: 0

　　适用于: 所有对象

　　向下兼容: 否

　　上补白属性描述上边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

　　--------------------------------------------------------------------------------

　　右补白

　　语法: padding-right: <值>

　　允许值: <长度> | <百分比>

　　初始值: 0

　　适用于: 所有对象

　　向下兼容: 否

　　右补白属性描述右边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

　　--------------------------------------------------------------------------------

　　下补白

　　语法: padding-bottom: <值>

　　允许值: <长度> | <百分比>

　　初始值: 0

　　适用于: 所有对象

　　向下兼容: 否

　　下补白属性描述下边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

　　--------------------------------------------------------------------------------

　　左补白

　　语法: padding-left: <值>

　　允许值: <长度> | <百分比>

　　初始值: 0

　　适用于: 所有对象

　　向下兼容: 否

　　左补白属性描述左边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。

　　--------------------------------------------------------------------------------

　　补白

　　语法: padding: <值>

　　允许值: [ <长度> | <百分比 ]{1,4}

　　初始值: 0

　　适用于: 所有对象

　　向下兼容: 否

　　补白属性是上补白、右补白、下补白和左补白属性的略写。

　　一个元素的补白是边框和元素的内容之间的间隔的数值。可以给出从一到四的值，每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。

　　如果四个值都给出了，它们分别应用于上、右、下和左补白。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。

　　例如，以下的规则设置上补白为2em，右补白为4em，下补白为5em，左补白为4em:

　　BLOCKQUOTE { padding: 2em 4em 5em }

　　--------------------------------------------------------------------------------

　　上边框宽度

　　语法: border-top-width: <值>

　　允许值: thin | medium | thick | <长度>

　　初始值: medium

　　适用于: 所有对象

　　向下兼容: 否

　　上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。

　　也可以用在上边框、边框的宽度或边框的属性略写。

　　--------------------------------------------------------------------------------

　　右边框宽度

　　语法: border-right-width: <值>

　　允许值: thin | medium | thick | <长度>

　　初始值: medium

　　适用于: 所有对象

　　向下兼容: 否

　　右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。

　　也可以用在右边框、边框的宽度或边框的属性略写。

　　--------------------------------------------------------------------------------

　　下边框宽度

　　语法: border-bottom-width: <值>

　　允许值: thin | medium | thick | <长度>

　　初始值: medium

　　适用于: 所有对象

　　向下兼容: 否

　　下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。

　　也可以用在下边框、边框的宽度或边框的属性略写。

　　--------------------------------------------------------------------------------

　　左边框宽度

　　语法: border-left-width: <值>

　　允许值: thin | medium | thick | <长度>

　　初始值: medium

　　适用于: 所有对象

　　向下兼容: 否

　　左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。

　　也可以用在左边框、边框的宽度或边框的属性略写。

　　--------------------------------------------------------------------------------

　　边框宽度

　　语法: border-width: <值>

　　允许值: [ thin | medium | thick | <长度> ]{1,4}

　　初始值: 未定义

　　适用于: 所有对象

　　向下兼容: 否

　　边框宽度属性用一到四个值来设置元素的边界，值是一个关键字或长度。不允许使用负值长度。

　　如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。

　　这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。

　　也可以使用略写的边框属性。

　　--------------------------------------------------------------------------------

　　边框颜色

　　语法: border-color: <值>

　　允许值: <颜色>{1,4}

　　初始值: 颜色属性的值

　　适用于: 所有对象

　　向下兼容: 否

　　边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。

　　也可以使用略写的边框属性。

　　--------------------------------------------------------------------------------

　　边框样式

　　语法: border-style: <值>

　　允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}

　　初始值: none

　　适用于: 所有对象

　　向下兼容: 否

　　边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。

　　可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。

　　也可以使用略写的边框属性。

　　--------------------------------------------------------------------------------

　　上边框

　　语法: border-top: <值>

　　允许值: <上边框宽度> || <边框式样> || <颜色>

　　初始值: 未定义

　　适用于: 所有对象

　　向下兼容: 否

　　上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。

　　注意只能给出一个边框式样。

　　也可以使用略写的边框属性。

　　--------------------------------------------------------------------------------

　　右边框

　　语法: border-right: <值>

　　允许值: <右边框宽度> || <边框式样> || <颜色>

　　初始值: 未定义

　　适用于: 所有对象

　　向下兼容: 否

　　右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。

　　注意只能给出一个边框式样。

　　也可以使用略写的边框属性。

　　--------------------------------------------------------------------------------

　　下边框

　　语法: border-bottom: <值>

　　允许值: <下边框宽度> || <边框式样> || <颜色>

　　初始值: 未定义

　　适用于: 所有对象

　　向下兼容: 否

　　下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。

　　注意只能给出一个边框式样。

　　也可以使用略写的边框属性。

　　--------------------------------------------------------------------------------

　　左边框

　　语法: border-left: <值>

　　允许值: <左边框宽度> || <边框式样> || <颜色>

　　初始值: 未定义

　　适用于: 所有对象

　　向下兼容: 否

　　左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。

　　注意只能给出一个边框式样。

　　也可以使用略写的边框属性。

　　--------------------------------------------------------------------------------

　　边框

　　语法: border: <值>

　　允许值: <边框宽度> || <r边框式样> || <颜色>

　　初始值: 未定义

　　适用于: 所有对象

　　向下兼容: 否

　　边框属性是一个用于设置一个元素边框的宽度、式样和颜色的略写。

　　边框声明的例子包括：

　　H2 { border: groove 3em }

　　A:link { border: solid blue }

　　A:visited { border: thin dotted #800080 }

　　A:active { border: thick double red }

　　边框属性只能设置四种边框；只能给出一组边框的宽度和式样。为了给出一个元素的四种边框的不同的值，网页制作者必须用一个或更多的属性，如：上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。

　　--------------------------------------------------------------------------------

　　宽度

　　语法: width: <值>

　　允许值: <长度> | <百分比> | auto

　　初始值: auto

　　适用于: 块级和替换元素

　　向下兼容: 否

　　每个块级或替换元素都可以用一个长度或“auto”值来指定其宽度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 宽度属性的初始值为“auto”，即为该元素的原有宽度(有就是元素自己的宽度，例如一个图象的宽度)。百分比参考上级元素的宽度。不允许使用负的长度值。

　　这个属性能用作给出一些INPUT元素的公共长度，好象SUBMIT和RESET按钮:

　　INPUT.button { width: 10em }

　　--------------------------------------------------------------------------------

　　高度

　　语法: height: <值>

　　允许值: <长度> | auto

　　初始值: auto

　　适用于: 块级和替换元素

　　向下兼容: 否

　　每个块级或替换元素都可以用一个长度或“auto”值来指定其高度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 高度属性的初始值为“auto”，即为该元素的原有高度(有就是元素自己的高度，例如一个图象的高度)。不允许使用负的长度值。

　　与宽度属性一样，高度可以应用于设定图象的比例:

　　IMG.foo { width: 40px; height: 40px }

　　在大多数情况下，我们都建议网页制作者使用图象编辑软件按比例伸缩图象，因为浏览器不可能高质量地伸缩图象，也因为使用这个属性缩小图象会导致用户下载了一个不必要的庞大文件。虽然如此，通过宽度和高度属性伸缩图象依然是用户—定义样式表中一个有用的用作克服视觉问题的选择。

　　--------------------------------------------------------------------------------

　　漂浮

　　语法: float: <值>

　　允许值: left | right | none

　　初始值: none

　　适用于: 所有元素

　　向下兼容: 否

　　漂浮属性允许网页制作者将文本环绕在一个元素的周围. 这同HTML 3.2中IMG元素的ALIGN=left和ALIGN=right一样，但CSS1允许所有对象“漂浮”，而不像HTML 3.2那样仅仅允许图象和表格。

　　--------------------------------------------------------------------------------

　　清除

　　语法: clear: <值>

　　允许值: none | left | right | both

　　初始值: none

　　适用于: 所有元素

　　向下兼容: 否

　　清除属性指定一个元素是否允许有元素漂浮在它的旁边。值left移动元素到在其左边的漂浮的元素的下面；同样的值right移动到其右边的漂浮的元素下面。其他的还有缺省的none值，和移动元素到其两边的漂浮的元素的下面的none值。这个属性类似于HTML 3.2的函数<BR CLEAR=left|right|all|none>，但它能应用于所有元素。
 
 
颜色

　　语法: color: <颜色>

　　初始值: 由浏览器决定

　　适用于: 所有对象

　　向下兼容: 是

　　颜色属性允许网页制作者指定一个元素的颜色。查看单位可以知道颜色值的描述. 一些颜色规则的例子包括:

　　H1 { color: blue }

　　H2 { color: #000080 }

　　H3 { color: #0c0 }

　　为了避免与用户的样式表之间的冲突，背景和颜色属性应该始终一起指定。

　　--------------------------------------------------------------------------------

　　背景颜色

　　语法: background-color: <值>

　　允许值: <颜色> | transparent (透明)

　　初始值: transparent (透明)

　　适用于: 所有对象

　　向下兼容: 否

　　背景颜色属性设定一个元素的背景颜色。例如:

　　BODY { background-color: white }

　　H1 { background-color: #000080 }

　　为了避免与用户的样式表之间的冲突，无论任何背景颜色被使用的时候，背景图象都应该被指定。而大多数情况下，background-image: none都是合适的。

　　网页制作者也可以使用略写的背景属性，通常会比背景颜色属性获得更好的支持。

　　--------------------------------------------------------------------------------

　　背景图象

　　语法: background-image: <值>

　　允许值: <统一资源定位URLs> | none (无)

　　初始值: none (无)

　　适用于: 所有对象

　　向下兼容: 否

　　背景图象属性设定一个元素的背景图象。例如:

　　BODY { background-image: url(/images/foo.gif) }

　　P { background-image: urlhttp://www.htmlhelp.com/bg.png) }

　　为了那些不载入图象的浏览者，当定义了背景图象后，应该也要定义一个类似的背景颜色。

　　网页制作者也可以使用略写的背景属性，通常会比背景图象属性获得更好的支持。

　　--------------------------------------------------------------------------------

　　背景重复

　　语法: background-repeat: <值>

　　允许值: repeat | repeat-x | repeat-y | no-repeat

　　初始值: repeat

　　适用于: 所有对象

　　向下兼容: 否

　　背景重复属性决定一个指定的背景图象如何被重复。值为repeat-x时，图象横向重复，当值为repeat-y时图象纵向重复。例如:

　　BODY { background: white url(candybar.gif);

　　background-repeat: repeat-x }

　　在以上例子中, 图象只会被横向平铺。

　　网页制作者也可以使用略写的背景属性，通常会比背景重复属性获得更好的支持。

　　--------------------------------------------------------------------------------

　　背景附件

　　语法: background-attachment: <值>

　　允许值: scroll | fixed

　　初始值: scroll

　　适用于: 所有对象

　　向下兼容: 否

　　背景附件属性决定指定的背景图象是跟随内容滚动，还是被看作油画固定不动。例如，以下指定一个固定的背景图象:

　　BODY { background: white url(candybar.gif);

　　background-attachment: fixed }

　　网页制作者也可以使用略写的背景属性，通常会比背景附件属性获得更好的支持。

　　--------------------------------------------------------------------------------

　　背景位置

　　语法: background-position: <值>

　　允许值: [<百分比> | <长度>]{1,2} | [top | center | bottom] || [left | center | right]

　　初始值: 0% 0%

　　适用于: 块级及替换元素

　　向下兼容: 否

　　图象位置属性给出指定背景图象的最初位置。这个属性只能应用于块级元素和替换元素。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT。)

　　安排背景位置最容易的方法是使用关键字:

　　横向的关键字 (left, center, right)

　　纵向的关键字 (top, center, bottom)

　　百分比和长度也可用作安排背景图象的位置。百分比和元素字体大小有关。虽然使用长度是允许的，但因为它们处理不同的显示分辨率有不可避免的缺点，所以不被推荐。

　　当使用百分比或长度时，需首先指定横向位置，接着是纵向位置。一个值，例如20% 65%，指定图象的左起20%上起65%的那点会被放在元素的左起20%上起65%的那点的所在位置。一个值如5px 10px，指定图象的左上角会被放在元素的左起5像素上起10像素的位置。

　　如果仅给出横向的值，纵向位置的值为50%。长度和百分比的组合是允许的，负值也行。例如，10% -2cm是允许的。虽然，百分比和长度是不能够和关键字组合。

　　关键字解释如下:

　　top left = left top = 0% 0%

　　top = top center = center top = 50% 0%

　　right top = top right = 100% 0%

　　left = left center = center left = 0% 50%

　　center = center center = 50% 50%

　　right = right center = center right = 100% 50%

　　bottom left = left bottom = 0% 100%

　　bottom = bottom center = center bottom = 50% 100%

　　bottom right = right bottom = 100% 100%

　　如果背景图象被看作油画般固定不动，关于油画的图象会代替元素被放置。

　　网页制作者也可以使用略写的背景属性，通常会比背景位置属性获得更好的支持。

　　-------------------------------------------------------------------------------

　　背景

　　语法: background: <值>

　　允许值: <背景颜色> || <背景图象> || <背景重复> || <背景附件> || <背

景位置>

　　初始值: 未定义

　　适用于: 所有对象

　　向下兼容: 否

　　背景属性是一个更明确的背景—关系属性的略写。以下是一些背景的声明:

　　BODY { background: white urlhttp://www.htmlhelp.com/foo.gif) }

　　BLOCKQUOTE { background: #7fffd4 }

　　P { background: url(../backgrounds/pawn.png) #f0f8ff fixed }

　　TABLE { background: #0c0 url(leaves.jpg) no-repeat bottom right }

　　当一个值未被指定时，将接受其初始值。例如，在上述的前三条规则，背景位置属性将被设置为0% 0%。

　　为了避免与用户的样式表之间的冲突，背景和颜色应该一起被指定。

字体族科

　　语法: font-family: <<族科名称> | <种类族科>],]* [<族科名称> | <种类族科>]

　　允许值: <族科名称>

　　任意字体族科名称都可以使用

　　<种类族科>

　　serif (e.g., Times)

　　sans-serif (e.g., Arial or Helvetica)

　　cursive (e.g., Zapf-Chancery)

　　fantasy (e.g., Western)

　　monospace (e.g., Courier)

　　初始值: 由浏览器决定

　　适用于: 所有对象

　　向下兼容: 是

　　字体族科可以用一个指定的的字体名或一个种类的字体族科。很明显，定义一个指定的字体名不会比定义一个种类的字体族科合适。多个族科的赋值是可以使用的，而如果确定了一个指定的字体赋值，就应该有一个种类族科名随后，以防第一个选择不存在。

　　字体族科声明的例子如下:

　　P { font-family: "New Century Schoolbook", Times, serif }

　　留意头两个赋值指定了字体的类型: New Century Schoolbook和Times。可是，因为它们两者都是serif字体，字体族科的种类作为后备列了出来，以防系统没有两者但有另一个serif合资格的字体。

　　任何包含空格的字体名都必须用单引号或双引号引住。

　　字体族科也可以用字体属性给出。

　　--------------------------------------------------------------------------------

　　字体风格

　　语法: font-style: <值>

　　允许值: normal | italic | oblique

　　初始值: normal

　　适用于: 所有对象

　　向下兼容: 是

　　字体风格属性以三个方法的其中一个来定义显示的字体: normal (普通)，italic (斜体) 或oblique (倾斜)。样式表的字体风格声明例子如下:

　　H1 { font-style: oblique }

　　P { font-style: normal }

　　--------------------------------------------------------------------------------

　　字体变形

　　语法: font-variant: <值>

　　允许值: normal | small-caps

　　初始值: normal

　　适用于: 所有对象

　　向下兼容: 是

　　字体变形属性决定了字体的显示是normal (普通) 还是small-caps (小型大写字母)。当文字中所有字母都是大写的时候，小型大写字母(值)会显示比小写字母稍大的大写字符。稍后版本的CSS将会支持附加的变形，如收缩、扩张、小写数码或其它自定义的变形。字体变形的定义例子如下:

　　SPAN { font-variant: small-caps }

　　--------------------------------------------------------------------------------

　　字体加粗

　　语法: font-weight: <值>

　　允许值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

　　初始值: normal

　　适用于: 所有对象

　　向下兼容: 是

　　字体加粗属性用作说明字体的加粗。当其它值绝对时，bolder和lighter值将相对地成比例增长。

　　注意: 因为不是所有的字体都有九个有效的加粗显示，一些加粗的会在指定下组合。如果指定的加粗无效，会按以下原则选择:

　　500 会被 400代替，反之亦是

　　100-300 会被指定为下一较细的加粗，如果有的话，否则就是下一较粗的加粗

　　600-900 会被指定为下一较粗的加粗，如果有的话，否则就是下一较细的加粗

　　一些字体加粗的定义例子如下:

　　H1 { font-weight: 800 }

　　P { font-weight: normal }

　　--------------------------------------------------------------------------------

　　字体大小

　　语法: font-size: <绝对大小> | <相对大小> | <长度> | <百分比>

　　允许值: <绝对大小>

　　xx-small | x-small | small | medium | large | x-large | xx-large

　　<相对大小>

　　larger | smaller

　　<长度>

　　<百分比> (in relation to parent element)

　　初始值: medium

　　适用于: 所有对象

　　向下兼容: 是

　　字体大小属性用作修改字体显示的大小。绝对长度(使用的单位为pt-像素和in-英寸) 需要谨慎地考虑到其适应不同浏览环境时的弱点。对于一个用户来说，绝对长度的字体很有可能会很大，或很小。

　　一些大小指定的定义如下:

　　H1 { font-size: large }

　　P { font-size: 12pt }

　　LI { font-size: 90% }

　　STRONG { font-size: larger }

　　网页制作者需要清楚Microsoft Internet Explorer 3.x 会错误地将em 和ex单位当作像素，这很可能会令到使用了这些单位的文本不可读。浏览器还会错误地将百分比值视为相对于选中部分的缺省字体大小，而不是上级元素的字体大小。这种做法像

　　H1 { font-size: 200% }

　　这是危险的，其大小将被视为IE的一级标题的缺省字体大小的两倍，而不是两倍于上级元素的字体大小。在这种情况中，BODY 通常会被视为上级元素，而且很可能定义一个medium的字体大小，然而，在IE中一级标题的缺省字体大小可能被认为是xx-large。

　　注意到了这些错误后，网页制作者在使用字体大小属性时，应该小心使用百分比的值，而且应该尽量避免使用em和ex这两个单位。

　　--------------------------------------------------------------------------------

　　字体

　　语法: font: <值>

　　允许值: [ <字体风格> || <字体变形> || <字体加粗> ]? <字体大小> [ / <行高> ]? <字体族科>

　　初始值: 未定义

　　适用于: 所有对象

　　向下兼容: 是

　　字体属性用作不同字体属性的略写，特别是行高。例如，

　　P { font: italic bold 12pt/14pt Times, serif }

　　指定该段为bold(粗体)和italic(斜体)Times或serif字体，12点大小，行高为14点。

 
文字间隔

　　语法: word-spacing: <值>

　　允许值: normal | <长度>

　　初始值: normal

　　适用于: 所有元素

　　向下兼容: 是

　　文字间隔属性定义一个附加在文字之间的间隔数量。该值必须符合长度格式，允许使用负值。

　　例如:

　　P EM { word-spacing: 0.4em }

　　P.note { word-spacing: -0.2em }

　　--------------------------------------------------------------------------------

　　字母间隔

　　语法: letter-spacing: <值>

　　允许值: normal | <长度>

　　初始值: normal

　　适用于: 所有元素

　　向下兼容: 是

　　字母间隔属性定义一个附加在字符之间的间隔数量。该值必须符合长度格式，允许使用负值。一个设为零的值会阻止文字的调整。

　　例如:

　　H1 { letter-spacing: 0.1em }

　　P.note { letter-spacing: -0.1em }

　　--------------------------------------------------------------------------------

　　文本修饰

　　语法: text-decoration: <值>

　　允许值: none | [ underline || overline || line-through || blink ]

　　初始值: none

　　适用于: 所有元素

　　向下兼容: 否

　　文本修饰属性允许通过五个属性中的一个来修饰文本: underline (下划线)，overline (上划线)，line-through (删除线)，blink (闪烁)，或缺省地使用无。

　　例如，使用下列语句可以使连接不再有下划线:

　　A:link,A:visited,A:active { text-decoration: none }

　　--------------------------------------------------------------------------------

　　纵向排列

　　语法: vertical-align: <值>

　　允许值: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <百分比>

　　初始值: baseline

　　适用于: 内部元素

　　向下兼容: 否

　　纵向排列属性可以用作一个内部元素的纵向位置，相对于它的上级元素或相对于元素行。(一个内部元素是没有行在其前和后断开的，例如，在HTML中的EM，A，和IMG)

　　该值可以是一个相对于元素行高属性的百分比，它会在上级基线上增高元素基线的指定数量。允许使用负值。

　　该值也可以是一个关键字。以下的关键字将影响相对于上级元素的位置:

　　baseline (使元素和上级元素的基线对齐)

　　middle (纵向对齐元素基线加上上级元素的x-高度——字母" x "的高度——的一半的中点)

　　sub (下标)

　　super (上标)

　　text-top (使元素和上级元素的字体向上对齐)

　　text-bottom (使元素和上级元素的字体向下对齐)

　　影响相对于元素行的位置的关键字有

　　top (使元素和行中最高的元素向上对齐)

　　bottom (使元素和行中最低的元素向下对齐)

　　纵向排列属性对于排列图象特别有用。以下是一些例子:

　　IMG.middle { vertical-align: middle }

　　IMG { vertical-align: 50% }

　　.exponent { vertical-align: super }

　　--------------------------------------------------------------------------------

　　文本转换

　　语法: text-transform: <值>

　　允许值: none | capitalize | uppercase | lowercase

　　初始值: none

　　适用于: 所有元素

　　向下兼容: 是

　　文本转换属性允许通过四个属性中的一个来转换文本:

　　capitalize (使每个字的第一个字母大写)

　　uppercase (使每个字的所有字母大写)

　　lowercase (使每个字的所有字母小写)

　　none (使用原始值)

　　例如:

　　H1 { text-transform: uppercase }

　　H2 { text-transform: capitalize }

　　文本转换属性仅仅被用于表达某种格式的要求。这并非很适当的做法，例如，用文本转换使一些国家的名字的第一个字母大写，而其它字母小写。

　　--------------------------------------------------------------------------------

　　文本排列

　　语法: text-align: <值>

　　允许值: left | right | center | justify

　　初始值: 由浏览器决定

　　适用于: 块级元素

　　向下兼容: 是

　　文本排列属性可以应用于块级元素(P，H1，等)，使元素文本得到排列。这个属性的功能类似于HTML的段、标题和部分的ALIGN属性。

　　以下是一些例子:

　　H1 { text-align: center }

　　P.newspaper { text-align: justify }

　　--------------------------------------------------------------------------------

　　文本缩进

　　语法: text-indent: <值>

　　允许值: <长度> | <百分比>

　　初始值: 0

　　适用于: 块级元素

　　向下兼容: 是

　　文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进:

　　P { text-indent: 5em }
 
 
　　长度单位

　　一个长度的值由可选的正号" + "或负号" - "、接着的一个数字、还有标明单位的两个字母组成。在一个长度的值之中是没有空格的，例如，1.3 em就不是一个有效的长度的值，但1.3em就是有效的。一个为零的长度不需要两个字母的单位声明。

　　无论是相对值还是绝对值长度，CSS1都支持。相对值单位确定一个相对于另一长度属性的长度，因为它能更好地适应不同的媒体，所以是首选的。以下是有效的相对单位:

　　em (em，元素的字体的高度)

　　ex (x-height，字母 "x" 的高度)

　　px (像素，相对于屏幕的分辨率)

　　绝对长度单位视输出介质而定，所以逊色于相对单位。以下是有效的绝对单位:

　　in (英寸，1英寸=2.54厘米)

　　cm (厘米，1厘米=10毫米)

　　mm (米)

　　pt (点，1点=1/72英寸)

　　pc (帕，1帕=12点)

　　--------------------------------------------------------------------------------

　　百分比单位

　　一个百分比值由可选的正号"＋"或负号"－"、接着的一个数字，还有百分号"%"。在一个百分比值之中是没有空格的。

　　百分比值是相对于其它数值，同样地用于定义每个属性。最经常使用的百分比值是相对于元素的字体大小。

　　--------------------------------------------------------------------------------

　　颜色单位

　　颜色值是一个关键字或一个RGB格式的数字。

　　Windows VGA(视频图像阵列)形成了16各关键字: aqua，black， blue，fuchsia，gray，green， lime，maroon，navy，olive， purple，red，silver，teal，white，and yellow。

　　RGB颜色可以有四种形式:

　　#rrggbb (如，#00cc00)

　　#rgb (如，#0c0)

　　rgb(x,x,x) x是一个介乎0到255之间的整数 (如，rgb(0,204,0))

　　rgb(y%,y%,y%) y是一个介乎0.0到100.0之间的整数 (如，rgb(0%,80%,0%))

　　上述的例子指定同一颜色。

　　Douglas R. Jacobson先生还开发了速查手册RGB Color Chart (61 kB)。

　　--------------------------------------------------------------------------------

　　统一资源管理URLs

　　一个URL值的格式为 : url(foo)，foo是一个URL(统一资源管理，因特网的地址)。URL可以选择用单引号( ' )或者双引号( " )，并且，在URL之前或之后可以包含空格。

　　在URL中的括弧，逗号，空格，单引号，或双引号必须避开反斜杠。不完整的URLs被理解为样式表的源代码，而不是HTML源代码。

　　注意: Netscape Navigator 4.x 会错误地将不完整的URLs理解为相关的HTML源代码。注意到这个错误后，网页制作者应该在可能的地方使用完整的URLs。

　　例如:

　　BODY { background: url(stripe.gif) }

　　BODY { background: urlhttp://www.htmlhelp.com/stripe.gif) }

　　BODY { background: url( stripe.gif ) }

　　BODY { background: url("stripe.gif") }

　　BODY { background: url(\"Ulalume\".png) } /* quotes in URL escaped */
 
层叠样式表还没有开始广泛使用，但CSS的滥用已经开始。样式表，当使用得当时，可以是一个提供独特和有吸引力的展示的有力工具，当时也允许一个网页被所有用户轻易处理。然而，一旦网页的信息变得依赖样式表时，网页就变成了Web上的失败者。

　　　　样式表的设计在于允许网页制作者去改变网页的展示，而不是控制展示。样式表会被可能选择—或需要—他们自己的样式表的用户所超越。因为这些原因，依赖一些样式的网页制作者会发现他们的网页对于部分重要的用户来说难以接受。

　　　　样式表的无聊使用演示于一些所谓的CSS图表。一个出现在许多地方的共通弊端是"制作阴影"。这种做法使用了负边界值，而加入了大量的依赖样式表的因素。当样式表被除去，无论是用户的决定还是使用了不支持CSS的浏览器，这些网页往往都不可用了。

　　　　例如，看看SpaceGUN Magazine，一个虚构在Microsoft's CSS Gallery的杂志。使用Microsoft Internet Explorer 3.01的打开样式表时，其展示必定是独特和引人注目的:

　　但一旦样式表失效，即使使用同样的浏览器，结果也非常不同:

　　　　十分明显，网页因为制作的阴影和负边界值的把戏而在Web上不可用，从而因为搞得乱七八糟脱离了许多读者。这个例子也显示依赖样式表是必然失败的。一个Web文档如果不易处理是没有生命力。

　　样式表设计者应该小心以总是保证他们的网页没有依赖样式表。一些网页制作者尝试使用WingDings字体制作图象无须争议和增加真正图象的下载时间。尽管这种减少下载时间的动机是可赞赏的，然而这样的人依赖于用户具有WingDings字体和样式表是有效的——在万维网(World Wide Web)上，这些条件是永远无法确认的。
语法: line-height: <值>

　　允许值: normal | <数字> | <长度> | <百分比>

　　初始值: normal

　　适用于: 所有元素

　　向下兼容: 是

　　行高属性可以接受一个控制文本基线之间的间隔的值。当值为数字时，行高由元素字体大小的量与该数字相乘所得。百分比的值相对于元素字体的大小而定。不允许使用负值。

　　行高也可以由带有字体大小的字体属性产生。

　　行高属性可以用于双行距的文本:

　　P { line-height: 200% }

　　Microsoft Internet Explorer 3.x 会错误地将em和ex单位当作像素。这错误很可能会令到文本不可读，所以网页制作者需要避免引起这个随处可能发生的错误; 使用百分比单位往往是一个好的选择。

 
　　CSS的十八般技巧

　　作者翻译：阿捷

　　原文作者：Roger Johansson

　　作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名

　　原文出处：www.456bereastreet.com

　　原文发表时间：2005年3月15日

　　最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。

　　本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望可以帮我补充。

　　一.使用css缩写

　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

　　二.明确定义单位，除非值为0

　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。

　　三.区分大小写

　　当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。

　　class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。

　　四.取消class和id前的元素限定

　　当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如：

　　div#content { /* declarations */ }

　　fieldset.details { /* declarations */ }

　　可以写成

　　#content { /* declarations */ }

　　.details { /* declarations */ }

　　这样可以节省一些字节。

　　五.默认值

　　通常padding的默认值为0，background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，象这样：

　　* {

　　margin:0;

　　padding:0;

　　}

　　六.不需要重复定义可继承的值

　　CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。但是要注意，浏览器可能用一些默认值覆盖你的定义。

　　七.最近优先原则

　　如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码

　　Update: Lorem ipsum dolor set

　　在CSS文件中，你已经定义了元素p，又定义了一个class"update"

　　p {

　　margin:1em 0;

　　font-size:1em;

　　color:#333;

　　}

　　.update {

　　font-weight:bold;

　　color:#600;

　　}

　　这两个定义中，class="update"将被使用，因为class比p更近。你可以查阅W3C的《 Calculating a selector’s specificity》 了解更多。

　　八.多重class定义

　　一个标签可以同时定义多个class。例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10 px的边框。

　　.one{width:200px;background:#666;}

　　.two{border:10px solid #F00;}

　　在页面代码中，我们可以这样调用

　　<div class="one two"></div>

　　这样最终的显示效果是这个div既有#666的背景，也有10px的边框。是的，这样做是可以的，你可以尝试一下。

　　九.使用子选择器(descendant selectors)

　　CSS初学者不知道使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码：

　　<div id="subnav">

　　<ul>

　　<li class="subnavitem"> <a href="#" class="subnavitem">Item 1</a></li>>

　　<li class="subnavitemselected"> <a href="#" class="subnavitemselected"> Item 1</a> </li>

　　<li class="subnavitem"> <a href="#" class="subnavitem"> Item 1</a> </li>

　　</ul>

　　</div>

　　这段代码的CSS定义是：

　　div#subnav ul { /* Some styling */ }

　　div#subnav ul li.subnavitem { /* Some styling */ }

　　div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ }

　　div#subnav ul li.subnavitemselected { /* Some styling */ }

　　div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ }

　　你可以用下面的方法替代上面的代码

　　<ul id="subnav">

　　<li> <a href="#"> Item 1</a> </li>

　　<li class="sel"> <a href="#"> Item 1</a> </li>

　　<li> <a href="#"> Item 1</a> </li>

　　</ul>

　　样式定义是：

　　#subnav { /* Some styling */ }

　　#subnav li { /* Some styling */ }

　　#subnav a { /* Some styling */ }

　　#subnav .sel { /* Some styling */ }

　　#subnav .sel a { /* Some styling */ }

　　用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。

　　十.不需要给背景图片路径加引号

　　为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如：

　　background:url("images/***.gif") #333;

　　可以写为

　　background:url(images/***.gif) #333;

　　如果你加了引号，反而会引起一些浏览器的错误。

　　十一.组选择器(Group selectors)

　　当一些元素类型、class或者id都有共同的一些属性，你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。

　　例如：定义所有标题的字体、颜色和margin，你可以这样写：

　　h1,h2,h3,h4,h5,h6 {

　　font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif;

　　color:#333;

　　margin:1em 0;

　　}

　　如果在使用时，有个别元素需要定义独立样式，你可以再加上新的定义，可以覆盖老的定义，例如：

　　h1 { font-size:2em; }

　　h2 { font-size:1.6em; }

　　十二.用正确的顺序指定链接的样式

　　当你用CSS来定义链接的多个状态样式时，要注意它们书写的顺序，正确的顺序是：:link :visited :hover :active。抽取第一个字母是"LVHA"，你可以记忆成"LoVe HAte"(喜欢讨厌)。为什么这么定义，可以参考Eric Meyer的《Link Specificity》。

　　如果你的用户需要用键盘来控制，需要知道当前链接的焦点，你还可以定义:focus属性。:focus属性的效果也取决与你书写的位置，如果你希望聚焦元素显示:hover效果，你就把:focus写在:hover前面；如果你希望聚焦效果替代:hover效果，你就把:focus放在:hover后面。

　　十三.清除浮动

　　一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。

　　通常的解决办法是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear: both。这个办法有一点牵强，幸运的是还有一个好办法可以解决，参看这篇文章《How To Clear Floats Without Structural Markup》。

　　上面2种方法可以很好解决浮动超出的问题，但是如果当你真的需要对层或者层里的对象进行clear的时候怎么办？一种简单的方法就是用overflow属性，这个方法最初的发表在《Simple Clearing of Floats》，又在《Clearance》和《Super simple clearing floats》中被广泛讨论。

　　上面那一种clear方法更适合你，要看具体的情况，这里不再展开论述。另外关于float的应用，一些优秀的文章已经说得很清楚，推荐你阅读：《Floatutorial》、《Containing Floats》和《Float Layouts》

　　十四.横向居中(centering)

　　这是一个简单的技巧，但是值得再说一遍，因为我看见太多的新手问题都是问这个：CSS如何横向居中？你需要定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样：

　　你可以这样定义使它横向居中：

　　#wrap {

　　width:760px; /* 修改为你的层的宽度 */

　　margin:0 auto;

　　}

　　但是IE5/Win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性。就象这样：

　　body {

　　text-align:center;

　　}

　　#wrap {

　　width:760px; /* 修改为你的层的宽度 */

　　margin:0 auto;

　　text-align:left;

　　}

　　第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;是将#warp中的文字居左。

　　十五.导入(Import)和隐藏CSS

　　因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如：

　　@import url("main.css");

　　然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法：

　　@import "main.css";

　　这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。想了解@import语法的详细说明，可以看这里《centricle’s css filter chart》

　　十六.针对IE的优化

　　有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太多的CSS技巧(hacks)，我只使用其中的两种方法，不管微软在即将发布的IE7 beta版里是否更好的支持CSS，这两种方法都是最安全的。

　　1.注释的方法

　　(a)在IE中隐藏一个CSS定义，你可以使用子选择器(child selector):

　　html>body p {

　　/* 定义内容 */

　　}

　　(b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)

　　* html p {

　　/* declarations */

　　}

　　(c)还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用"反斜线"技巧：

　　/* \*/

　　* html p {

　　declarations

　　}

　　/* */

　　2.条件注释(conditional comments)的方法

　　另外一种方法，我认为比CSS　Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。就象这样：

　　<!--[if IE]>

　　<link rel="stylesheet" type="text/css" href="ie.css" />

　　<![endif]-->

　　十七.调试技巧：层有多大？

　　当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。

　　另外一个经常出问题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera。

　　十八.CSS代码书写样式

　　在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式：

　　selector1,

　　selector2 {

　　property:value;

　　}

　　当使用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。

　　我习惯在每个属性值后面都加分号，虽然规则上允许最后一个属性值后面可以不写分号，但是如果你要加新样式时容易忘记补上分号而产生错误，所以还是都加比较好。

　　最后，关闭的大括号}单独写一行。

　　空格和换行有助与阅读。

http://www.hao123.com/               山水天下        鹤游八荒           胜利在线宽带影院

百度实用查询

<>

博友问答汇编

独立宣言

［美］托马斯.杰非逊

孙子兵法

为人民服务

毛泽东

　　我们的共产党和共产党所领导的八路军、新四军，是革命的队伍。我们这个队伍完全是为着解放人民的，是彻底地为人民的利益工作的。张思德同志就是我们这个队伍中的一个同志。

　　人总是要死的，但死的意义有不同。中国古时候有个文学家叫做司马迁的说过：“人固有一死，或重于泰山，或轻于鸿毛。”为人民利益而死，就比泰山还重；替法西斯卖力，替剥削人民和压迫人民的人去死，就比鸿毛还轻。张思德同志是为人民利益而死的，他的死是比泰山还要重的。

　　因为我们是为人民服务的，所以，我们如果有缺点，就不怕别人批评指出。不管是什么人，谁向我们指出都行。只要你说得对，我们就改正。你说的办法对人民有好处，我们就照你的办。“精兵简政”这一条意见，就是党外人士李鼎铭先生提出来的；他提得好，对人民有好处，我们就采用了。只要我们为人民的利益坚持好的，为人民的利益改正错的，我们这个队伍就一定会兴旺发达起来。

　　我们都是来自五湖四海，为了一个共同的革命目标，走到一起来了。我们还要和全国大多数人民走这一条路。我们今天已经领导着有九千一百万人口的根据地，但是还不够，还要更大些，才能取得全民族的解放。我们的同志在困难的时候，要看到成绩，要看到光明，要提高我们的勇气。中国人民正在受难，我们有责任解救他们，我们要努力奋斗。要奋斗就会有牺牲，死人的事是经常发生的。但是我们想到人民的利益，想到大多数人民的痛苦，我们为人民而死，就是死得其所。不过，我们应当尽量减少那些不必要的牺牲。我们的干部要关心每一个战士，一切革命队伍的人都要互相关心，互相爱护，互相帮助。

　　今后我们的队伍里，不管死了谁，不管是炊事员，是战士，只要他是做过一些有益的工作的，我们都要给他送葬，开追悼会。这要成为一个制度。这个方法也要介绍到老百姓那里去。村上的人死了，开个追悼会。用这样的方法，寄托我们的哀思，使整个人民团结起来。
 

 
愚公移山

毛泽东

（一九四五年六月十一日）  

　　我们开了一个很好的大会。我们做了三件事：第一，决定了党的路线，这就是放手发动群众，壮大人民力量，在我党的领导下，打败日本侵略者，解放全国人民，建立一个新民主主义的中国。第二，通过了新的党章。第三，选举了党的领导机关－－中央委员会。今后的任务就是领导全党实现党的路线。我们开了一个胜利的大会，一个团结的大会。代表们对三个报告发表了很好的意见。许多同志作了自我批评，从团结的目标出发，经过自我批评，达到了团结。这次大会是团结的模范，是自我批评的模范，又是党内民主的模范。

　　大会闭幕以後，很多同志将要回到自己的工作岗位上去，将要分赴各个战场。同志们到各地去，要宣传大会的路线，并经过全党同志向人民作广泛的解释。

　　我们宣传大会的路线，就是要使全党和全国人民建立起一个信心，即革命一定要胜利。首先要使先锋队觉悟，下定决心，不怕牺牲，排除万难，去争取胜利。但这还不够，还必须使全国广大人民群众觉悟，甘心情愿和我们一起奋斗，去争取胜利。要使全国人民有这样的信心：中国是中国人民的，不是反动派的。中国古代有个寓言，叫做“愚公移山”。说的是古代有一位老人，住在华北，名叫北山愚公。他的家门南面有两座大山挡住他家的出路，一座叫做太行山，一座叫做王屋山。愚公下决心率领率领他的儿子们要用锄头挖去这两座大山。有个老头子名叫智叟的看了发笑，说是你们这样干未免太愚蠢了，你们父子数人要挖掉这样两座大山是完全不可能的。愚公回答说：我死了以後有我的儿子，儿子死了，又有孙子，子子孙孙是没有穷尽的。这两座山虽然很高，却是不会再增高了，挖一点就会少一点，为什么挖不平呢？愚公批驳了智叟的错误思想，毫不动摇，每天挖山不止。这件事感动了上帝，他就派了两个神仙下凡，把两座山背走了。现在也有两座压在中国人民头上的大山，一座叫做帝国主义，一座叫做封建主义。中国共产党早就下了决心，要挖掉这两座山。我们一定要坚持下去，一定要不断地工作，我们也会感动上帝的。这个上帝不是别人，就是全中国的人民大众。全国人民大众一齐起来和我们一道挖这两座山，有什么挖不平呢？

　　昨天有两个美国人要回美国去，我对他们讲了，美国政府要破坏我们，这是不允许的。我们反对美国政府扶蒋反共的政策。但是我们第一要把美国人民和他们的政府相区别，第二要把美国政府中决定政策的人们和下面的普通工作人员相区别。我对这两个美国人说：告诉你们美国政府中决定政策的人们，我们解放区禁止你们到那里去，因为你们的政策是扶蒋反共，我们不放心。假如你们是为了打日本，要到解放区是可以去的，但要订一个条约。倘若你们偷偷摸摸到处乱跑，那是不许可的。赫尔利已经公开宣言不同中国共产党合作，既然如此，为什么还要到我们解放区乱跑呢？

　　美国政府的扶蒋反共政策，说明了美国反动派的猖狂。但是一切中外反动派的阻止中国人民胜利的企图，都是注定要失败的。现在的世界潮流，民主是主流，反民主的反动只是一股逆流。目前反动的逆流企图压倒民族独立和人民民主的主流，但反动的逆流终究不会变为主流。现在依然如斯大林很早就说过的一样，旧世界有三个大矛盾：第一个是帝国主义国家中的无产阶级和资产阶级的矛盾，第二个是帝国主义国家之间的矛盾，第三个是殖民地半殖民地国家和帝国主义宗主国之间的矛盾。这三种矛盾不但依然存在，而且发展得更尖锐了，更扩大了。由于这些矛盾的存在和发展，所以虽有反苏反共反民主的逆流存在，但是这种反动逆流总有一天会要被克服下去。

　　现在中国正在开着两个大会，一个是国民党的第六次代表大会，一个是共产党的第七次代表大会。两个大会有完全不同的目的：一个要消灭共产党和中国民主势力，把中国引向黑暗；一个要打倒日本帝国主义和它的走狗中国封建势力，建设一个新民主主义的中国，把中国引向光明。这两条路线在互相斗争着。我们坚决相信，中国人民将要在中国共产党领导之下，在中国共产党第七次大会的路线的领导之下，得到完全的胜利，而国民党的反革命路线必然要失败。

 
纪念白求恩

毛泽东

（一九三九年十二月二十一日）  

　　白求恩同志是加拿大共产党员，五十多岁了，为了帮助中国的抗日战争，受加拿大共产党和美国共产党的派遣，不远万里，来到中国。去年春上到延安，后来到五台山工作，不幸以身殉职。一个外国人，毫无利己的动机，把中国人民的解放事业当做他自己的事业，这是什么精神？这是国际主义的精神，这是共产主义的精神，每一个中国共产党员都要学习这种精神。列宁主义认为：资本主义国家的无产阶级要拥护殖民地人民的解放斗争，殖民地半殖民地的无产阶级要拥护资本主义国家的无产阶级的解放斗争，世界革命才能胜利。白求恩同志是实践了这一条列宁主义路线的。我们中国共产党员也要实践这一条路线。我们要和一切资本主义国家的无产阶级联合起来，要和日本的、英国的、美国的、德国的、意大利的以及一切资本主义国家的无产阶级联合起来，才能打倒帝国主义，解放我们的民族和人民，解放世界的民族和人民。这就是我们的国际主义，这就是我们用以反对狭隘民族主义和狭隘爱国主义的国际主义。

　　白求恩同志毫不利己专门利人的精神，表现在他对工作的极端的负责任，对同志对人民的极端的热忱。每个共产党员都要学习他。不少的人对工作不负责任，拈轻怕重，把重担子推给人家，自己挑轻的。一事当前，先替自己打算，然后再替别人打算。出了一点力就觉得了不起，喜欢自吹，生怕人家不知道。对同志对人民不是满腔热忱，而是冷冷清清，漠不关心，麻木不仁。这种人其实不是共产党员，至少不能算一个纯粹的共产党员。从前线回来的人说到白求恩，没有一个不佩服，没有一个不为他的精神所感动。晋察冀边区的军民，凡亲身受过白求恩医生的治疗和亲眼看过白求恩医生的工作的，无不为之感动。每一个共产党员，一定要学习白求恩同志的这种真正共产主义者的精神。

　　白求恩同志是个医生，他以医疗为职业，对技术精益求精；在整个八路军医务系统中，他的医术是很高明的。这对于一班见异思迁的人，对于一班鄙薄技术工作以为不足道、以为无出路的人，也是一个极好的教训。

　　我和白求恩同志只见过一面。后来他给我来过许多信。可是因为忙，仅回过他一封信，还不知他收到没有。对于他的死，我是很悲痛的。现在大家纪念他，可见他的精神感人之深。我们大家要学习他毫无自私自利之心的精神。从这点出发，就可以变为大有利于人民的人。一个人能力有大小，但只要有这点精神，就是一个高尚的人，一个纯粹的人，一个有道德的人，一个脱离了低级趣味的人，一个有益于人民的人。