|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
1、利用STYLE属性:将STYLE属性间接加在一般的元件标签里。
<元件(标签)STYLE="性子(属性)1:设定值1;性子(属性)2:设定值2;...}比方:
<TDSTYLE="COLOR:BLUE;font-size:9pt;font-family:"标楷体";line-height:150%>
这类用法的长处是可乖巧使用款式於各标签中,可是弱点则是没有整篇文件的『一致性』。
2、利用STYLE标签:将款式划定规矩写在<STYLE>...</STYLE>标签当中。
<STYLETYPE="text/css">
<!--
款式划定规矩表
-->
</STYLE>
比方:
<STYLETYPE="text/css">
<!--
BODY{
color:BLUE;
background:#FFFFCC;
font-size:9pt}
TD,P{
COLOR:GREEN;
font-size:9pt}
-->
</STYLE>
一般是将全部的<STYLE>...</STYLE>布局写在网页的<HEAD></HEAD>部分当中。这类用法的长处就是在於整篇文件的一致性,只需是有声明的的元件即会套用该款式划定规矩。弱点就是在一般元件的天真度不敷。
3、利用LINK标签:将款式划定规矩写在.css的款式档案中,再以<LINK>标签引进。
假定我们把款式划定规矩存成一个example.css的档案,我们只需在网页中到场
<LINKREL=STYLESHEETTYPE="text/css"HREF="example.css">
便可套用该款式档案中所制订好的款式了。一般是将LINK标签写在网页的<head></head>部分当中。这类用法的长处就是在於能够把要套用不异款式划定规矩的数篇文件都指定到统一个款式档案便可。弱点也是在一般文件或元件的天真度不敷。
4、利用@import引进:跟LINK用法很像,但必 放在<STYLE>...</STYLE>中。
<STYLETYPE="text/css">
<!--
@importurl(引进的款式表的位址、路径与档名);
-->
</STYLE>
比方:
<STYLETYPE="text/css">
<!--
@importurl(http://yourweb/example.css);
-->
</STYLE>
要注重的是,行末的分号是相对不成少的!
</p>
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。 |
|