IT博客网-青蛙學堂-最新评论http://www.cnitblog.com/yide/CommentsRSS.aspxzh-cnTue, 06 Nov 2007 01:41:26 GMTTue, 06 Nov 2007 01:41:26 GMTcnblogsre: html--csshttp://www.cnitblog.com/yide/archive/2007/11/06/35917.html#35918yickyickTue, 06 Nov 2007 01:39:00 GMThttp://www.cnitblog.com/yide/archive/2007/11/06/35917.html#35918
CSS的引入是用来扩展HTML的，而不是用来替代HTML的。也就是说CSS离不开HTML，它只是一项辅助工具，是对HTML功能的一种补充。

CSS的优势

在CSS标准里，不仅重新定义了HTML原有的样式，如文字的大小、颜色等；更加入了重叠文字、区块变化及任意位置放置等多项新属性。通过CSS可以使用更丰富、更灵活的样式，更简单地设计出更美观的网页。同时，也让网页的设计与维护更有效率。

减少图像文件的使用：很多网页为求设计效果，而大量使用图像，以致网页的下载速度变慢。CSS提供了很多文字样式的设定，且再加上IE内建的滤镜特效，因此可轻松取代原来图像才能表现的视觉效果。这样的设计方式让修改网页内容变得更方便，也大大提高了下载速度；

集中管理样式信息：CSS的基本概念在于可将网页要展示的内容与其表现的样式设定分开，也就是将网页的外观设定信息从网页的内容中独立出来，并集中管理。这样，当要改变网页外观时，只需更改样式设定的部分，HTML文件本身并不需要任何的更改；

共享样式设定：网页的样式设定和内容分离的好处，除了可集中管理外，如果进一步将CSS样式的信息存储成独立的文件，还可让多个网页文件共同使用它。这样，可省却在每一个网页文件中都要重复设定样式的麻烦；

将样式分类使用：相对于多份HTML文件可套用同一个CSS样式文件，也可以在一份HTML网页文件上套用多个CSS样式文件。

CSS的规则

CSS的样式规则由两部分组成：选择器和声明。

选择器就是样式的名称，包括自定义的类，HTML标签和CSS选择器样式。比如“.mycss”为自定义的类，“td”为标准HTML标签，而“a:link”则是CSS选择器样式；

声明则是用于定义样式元素的。声明由分两部分：属性（如font-size）和值（如12px）。对于一个选择器而言，可以有多个声明。比如一个声明是表示颜色，一个声明是表示大小等。

以下为CSS样式的代码片段：


td {
font-size: 12px;
color: #666666;
}
.cnbruce {
background-color: #000033;
}


其中“td”和“.cnbruce”都属于选择器，“font-size”、“color”以及“background-color”都属于声明中的属性，而“12px”、“#666666”及“#000033”即为属性对应的值。每个选择器的声明都采用{…}包含。

CSS的形式

从CSS代码的标签形式来看，分如下3种CSS样式：

1，自定义CSS样式，又称类样式。可应用于任何标签，名称必须带有句点“.”，比如“.cnbruce”；

2，HTML标签样式。虽说自定义CSS样式可应用任何标签，但对于HTML固有的标签，每次都要选用自定义的样式就显得比较麻烦。所以HTML标签样式的出现就是为了扩展HTML标签的；

3，CSS选择器样式。此为高级选项，可用来定义标签的组合，比如“a”表示对超级链接样式的选择，“td”表示对单元格样式的选择，而如果对单元格中超级链接样式的选择则使用“td a”。

a {
color: #3366CC;
}
td a{
color: #FF0000;
}


如上代码的定义，对于普通插入的超级链接的颜色，和在单元格中使用的超级链接的颜色，将进行不同的显示。

CSS的应用范围

CSS无处不在，它可以分为以下两种。

外部CSS样式表：以扩展名为.css的文件而存在，文件中内容即是所有样式的选择和声明。该文件可做为共享文件，让多个文档共同引用并应用，达到站点文件样式的一致性。同时，如果修改该样式表文件，所有引用的文档都将改变其样式，达到网站迅速改版的目的。

内部CSS样式表：只存在于当前文档中，并只针对当前页进行样式应用的方法。一般存在于文档head部分的style标签内。

外部CSS样式表和内部CSS样式表可同时作用于一个页面，但当两种样式表出现对同一选择对象进行样式修饰时，浏览器将按照如下规则来应用样式效果：

若两者所声明的属性不相冲突，则显示为该两种样式的全部属性；
若两者所声明的属性直接相冲突，则采用内部样式表的样式。
所谓“求同存异，内部优先”。



yick 2007-11-06 09:39 发表评论
]]>re: 双网卡故障解决方法[未登录]http://www.cnitblog.com/yide/archive/2007/10/16/6331.html#34931winwinTue, 16 Oct 2007 07:26:00 GMThttp://www.cnitblog.com/yide/archive/2007/10/16/6331.html#34931
命令最后的IP不必输入

DEL掉一个后暂时没发现死机状况.

win 2007-10-16 15:26 发表评论
]]>re: sql----joinhttp://www.cnitblog.com/yide/archive/2007/08/13/31295.html#3172583838383Mon, 13 Aug 2007 08:49:00 GMThttp://www.cnitblog.com/yide/archive/2007/08/13/31295.html#31725

8383 2007-08-13 16:49 发表评论
]]>请教:如何修改VB生成chart的x轴的文字http://www.cnitblog.com/yide/archive/2007/07/28/13207.html#30810记名哈瓦记名哈瓦Sat, 28 Jul 2007 00:49:00 GMThttp://www.cnitblog.com/yide/archive/2007/07/28/13207.html#30810请各位大哥帮帮忙

记名哈瓦 2007-07-28 08:49 发表评论
]]>re: sqlserver datetimehttp://www.cnitblog.com/yide/archive/2007/06/14/20074.html#28443WWW.8383.COMWWW.8383.COMThu, 14 Jun 2007 06:10:00 GMThttp://www.cnitblog.com/yide/archive/2007/06/14/20074.html#28443

WWW.8383.COM 2007-06-14 14:10 发表评论
]]>re: FW : 一只小青蛙的一生(图片连载)http://www.cnitblog.com/yide/archive/2007/05/25/5082.html#27584小伟小伟Fri, 25 May 2007 03:32:00 GMThttp://www.cnitblog.com/yide/archive/2007/05/25/5082.html#27584

小伟 2007-05-25 11:32 发表评论
]]>re: ADhttp://www.cnitblog.com/yide/archive/2007/05/25/19635.html#27583小伟小伟Fri, 25 May 2007 03:30:00 GMThttp://www.cnitblog.com/yide/archive/2007/05/25/19635.html#27583

小伟 2007-05-25 11:30 发表评论
]]>re: FW : 日本历史大事年表 http://www.cnitblog.com/yide/archive/2007/04/28/4714.html#26351sifosifoSat, 28 Apr 2007 09:35:00 GMThttp://www.cnitblog.com/yide/archive/2007/04/28/4714.html#26351

sifo 2007-04-28 17:35 发表评论
]]>re: 木馬http://www.cnitblog.com/yide/archive/2007/02/27/16185.html#23375asdasdTue, 27 Feb 2007 03:25:00 GMThttp://www.cnitblog.com/yide/archive/2007/02/27/16185.html#23375

asd 2007-02-27 11:25 发表评论
]]>re: 木馬http://www.cnitblog.com/yide/archive/2007/02/24/16185.html#23290家家Sat, 24 Feb 2007 05:17:00 GMThttp://www.cnitblog.com/yide/archive/2007/02/24/16185.html#23290

家 2007-02-24 13:17 发表评论
]]>