《样式表能为我们做什么》由会员分享，可在线阅读，更多相关《样式表能为我们做什么（14页珍藏版）》请在金锄头文库上搜索。
1、样式表能为我们做什么？作者：那么样式表有什么特别之处呢？简而言之，它能帮你做以下事情： 你可以将格式和结构分离. 你可以以前所未有的能力控制页面布局。 你可以制作体积更小下载更快的网页. 你可以将许多网页同时更新，比以前快更容易。 浏览器将成为你更友好的界面你可以将格式和结构分离。 H从来没打算控制网页的格式或外观。这种语言定义了网页的结构和个要素的功能，而让浏览器自己决定应该让各要素以何种模样显示.但是网页设计者要求的更多。所以当Netce推出新的可以控制网页外观的HM标签时,网页设计者无不 欢呼雀跃。我们可以用、I包在P外边控制文章主体的外观等等。然后我们将所有东西都放入表格，用隐式F空格
2、产生一个2象素的边距。一切都变得乱七八糟.编码变得越来越臃肿不堪，要想将什么内容迅速加到网页中变得越来越难.串接样式表通过将定义结构的部分和定义格式的部分分离使我们能够对页面的布局施加更多的控制。HTML仍可以保持简单明了的初衷。S代码独立出来从另一角度控制页面外观。你可以以前所未有的能力控制页面的布局。 FONT SIZE能使我们调整字号，表格标签帮助我们生成边距，这都没错。但是,我们对HTM总体上的控制却很有限.我们不可能精确地生成0象素的高度，不可能控制行间距或字间距,我们不能在屏幕上精确定位图象的位置。但是现在,样式表使这一切都成为可能.而即将推出的新的CSS功能更令人兴奋。以后4天内
3、,你将会明白我所说的意味着什么。你可以制作出体积更小下载更快的网页 还有更好的消息：样式表只是简单的文本,就象HTML那样.它不需要图象,不需要执行程序，不需要插件,不需要流式.它就象HTM指令那样快.有了C之后,以前必须求助于GIF的事情现在通过CSS就可以实现。还有，正如我先前提到的，使用串接样式表可以减少表格标签及其它加大HTL体积的代码，减少图象用量从而减少文件尺寸。你可以更快更容易地维护及更新大量的网页.没有样式表时，如果我想更新整个站点中所有主体文本的字体,我必须一页一页地修改每张网页。即便站点用数据库提供服务,我仍然需要更新所有的模板，而且更新每一模板中每一个实例实例的TITL
4、irsStleheet/TITLEStlsets： Te Tool f e Web Desig Gods1Pazeyour frinds！ Sqh yourenemes!很好。现在，让我们给它加一些样式表.只需在最初的TM和 BODY标签之间插入以下代码：SYLE TY=text/s”!-H1 clr:green； ft-size: 37x；fonfmy: ipact texindent：1m； backgrund： yll; fontfamily： corier到CDE及内容。你甚至可以通过将样式表用于IM将串接样式表的属性用于图象。从我们的第1个样式表实例中可以发现，你可以归类样式表的规则
5、。我们将种不同的说明都用于P.与之类似，你也可以归类选择: H， P, BOKUOE fnfamily：aral 这项规则设定所以位于和BLAQUOTE的标签将用rial字体显示。继承性样式表的规则可从母体延续到子体。下面是一个例子： B colo： blue这项规则告诉浏览器将所有B之内的文字用蓝色显示。但是在下列情况下,浏览器该如何处理呢？ll my ebpaes wll ue cscading syeseets within 位于B之中，所以它将继承母体B设定的样式,也以蓝色显示. Al y We paes il use ascdin syleshees wifour eek.现在我们已
6、经明白了串接样式表的规则如何运作，还看到将样式表加入网页的一种方法但还有其它方法，让我们继续学习. zz1。4 将样式加到你的网页中 我们已经学了将样式表加到网页的一种方法。实际上你可以使用4种方法。每种方法都有其不同的优点： 将样式表植入HM文件中. 将一个外部样式表链接到HTL文件上.将一个外部样式表输入到HTL文件中. 将样式表加入到HTML文件行中. 植入样式表: 这就是我们在上一页中用的方法,所有的样式表信息都列于TML文件的顶部，同/STEMFrt Sylesheet/HEOSyleshe： Th ol f teWDesigGds/H1Amaeyour fiends!Suas or
7、 enmies！/ 植入样式表规则后，浏览器在整个T页面中都执行该规则。如果你想对网页一次性加入样式表,就可采用该方法。 你可能注意到代码中有两处很奇怪：TYP=ex/css”属性和注释标签. TYE=”ext/cs 设定采用MIME类型,这样以来，不支持CSS的浏览器可以忽略样式表。注释标签（! an-）更为重要。有些老的浏览器(如MC机用的IE 2。0）即使在设定了TYEtext/css 属性时也不能忽略样式表继续执行下面的命令，而且还会显示样式表的代码。而使用注释标签则可以避免发生这种情况.链接到样式表上这里是样式表功能发挥得淋漓尽致的地方。你可以将多个HTML文件都链接到一个中心样式表
8、文件。这个外部的样式表文件将设定你所有网页的规则。如果你改变样式表文件中的额某一细节，所有页面都会随之改变.如果你维护的站点很大，则这项功能绝对会有其用武之地。 它的使用方法:产生一个普通的网页，但使用YLE规则,而是在内使用IK Lyleshee HRE=”styls。css TY=”tex/ssAmaz yfriends! Sqhyor eis！/P/STLEHEADTLEMy irst Stylhet/TITLEBODYH1Styleshets： Te Tool thWeb Desgn Gos/H1Paze yur rieds! Squash yourenemie！/P/BODY/TL而其中输入的 compny.ss文件内容如下:H1 color: green； fnt-fmil： timesP bacound： yelw； ontfaly： ourier在本例中，浏览器首先输入 omay.css的规则 ( impot 必须打头）, 然后加入移植的规则从而为这个网页产生规则集合.请注意,对于H1在外部样式表文件和植入的样式表中都设定了规则。在两者冲突的情况下,浏览器应执行哪一项规则呢？植入的规则此时将占上风.所以文字显示效果如下：Stylsheets： The Tool of the WDeign Godszey
