×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
软件安装教程 远程服务 超值!手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 2464|回复: 14

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

[复制链接]
发表于 2006-12-9 08:02:51 | 显示全部楼层 |阅读模式
一、使用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>部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=43755
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论
 楼主| 发表于 2006-12-9 08:03:11 | 显示全部楼层
酷素材
三、使用 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>
发表于 2006-12-10 23:51:40 | 显示全部楼层
(^#@#@
发表于 2006-12-11 15:47:15 | 显示全部楼层
顶#kt..jcwcn.com@
发表于 2006-12-19 17:13:32 | 显示全部楼层
酷素材
#kt..jcwcn.com@
发表于 2007-1-10 01:16:32 | 显示全部楼层
酷素材
(^#@$ jcwcn.com@ jcwcn.com@
发表于 2007-1-10 10:36:13 | 显示全部楼层
不错,都是很常用的方式
发表于 2007-1-15 18:25:13 | 显示全部楼层
span 一般常用吗?有没有一些它的小例子?
发表于 2007-1-15 18:43:41 | 显示全部楼层
很灵活的,不过它作用范围就是这个“容器”包含的内容
根平常标签里应用样式是一样的,一般都是

<span style="你的样式">内容</span>
<span id="样式名">内容</span>
<span class="样式名">内容</span>
发表于 2007-1-16 11:05:52 | 显示全部楼层
CSS的元素分类,例如内联,块级,有没有一些相关的小例子?讲解它们的用途
发表于 2017-10-31 14:19:21 | 显示全部楼层
很不错。。。
回复 支持 反对

使用道具 举报

发表于 2017-10-31 13:44:51 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

发表于 2017-10-31 13:41:08 | 显示全部楼层
很好哦。。。
回复 支持 反对

使用道具 举报

发表于 2017-10-31 13:26:58 | 显示全部楼层
不错不错
回复 支持 反对

使用道具 举报

发表于 2017-10-31 13:58:23 | 显示全部楼层
LZ真是人才
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345