|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
那么什么是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:#ffffff;
font-size:9pt}
TD,P{
COLOR:GREEN;
font-size:9pt}
-->
</STYLE>
一般是将全部的<STYLE>...</STYLE>布局写在网页的<HEAD></HEAD>部分当中。这类用法的长处就是在於整篇文件的一致性,只需是有声明的的元件即会套用该款式划定规矩。弱点就是在一般元件的天真度不敷。
123下一页
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>
要注重的是,行末的分号是相对不成少的!
5、利用<span></span>标志引进款式
比方:<spanstyle="font:12px/20px宋体#000000;">网页</span>上一页123下一页
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>
要注重的是,行末的分号是相对不成少的!
5、利用<span></span>标志引进款式
比方:<spanstyle="font:12px/20px宋体#000000;">网页</span>上一页123</p>
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。 |
|