建设热线:010-59795235 60133711
 关于我们   汇款方式   增值服务  帮助中心 
 
 
  首 页 |  网站建设 | 域名注册 | 网站推广 | 网站维护  | 品牌设计  |  客户案例  | 网站方案  | 客户服务 |  企业邮箱


网页设计导入CSS样式的五种方式


来源:
互联网 作者:编辑整理 时间:2008-06-24 Tag南京网页设计   点击: 24

 

  一、使用STYLE属性
将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如:
<TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>
这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签
将样式规则写在<STYLE>...</STYLE>标签之中。
<STYLE TYPE="text/css">
<!--
样式规则表
-->
</STYLE>
例如:
<STYLE TYPE="text/css">
<!--
BODY {
color: BLUE;
background: #ffffff;
font-size: 9pt}
TD, P {
COLOR: GREEN;
font-size: 9pt}
-->
</STYLE>
通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD> </HEAD>部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。

  三、使用 LINK标签
将样式规则写在.css的样式档案中,再以<LINK>标签引入。
假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的<head></head>部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import引入
跟LINK用法很像,但必 放在<STYLE>...</STYLE> 中。
<STYLE TYPE="text/css">
<!--
@import url(引入的的位址、路径与档名);
-->
</STYLE>
例如:
<STYLE TYPE="text/css">
<!--
@import url(http://yourweb/ example.css);
-->
</STYLE>
要注意的是,行末的分号是绝对不可少的!
五、使用<span></span>标记引入样式
例如:<span style="font:12px/20px 宋体 #000000;">网页</span>

 

 

 

    解决方案
北京网站建设企业门户型
 
企业门户型解决方案
·形象宣传型
·产品宣传型
北京网站建设商业门户型
 
商业门户型解决方案
·网上商城型
·集团门户型
·行业门户型
北京网站建设专业门户型
 
专业门户型解决方案
·形象塑造型
·动态信息发布型
·产品信息发布型
北京网站建设电子商务型
 
电子政务型解决方案
·安全性
·整合性
北京网站建设OA系统
 
OA系统解决方案
·总体介绍
·系统特点
·功能组成
北京网站建设VI系统
 
VI系统解决方案
·总体介绍
·系统特点
 
CMS内容管理系统
·总体介绍
·功能特点
 
公司简介 - 域名服务 - 企业邮局 - 网站建设 - 网站托管 - 网站推广 - 特惠套餐
北京威阳恒信科技有限公司   电话:010-59795235 010-60133711 E-MAIL:itbgt@tom.com

地址:北京市海淀区知春路108号豪景大厦A408室 京ICP备07023205号