进入旧版 | 服务项目 | 成功案例 | 联系方式 | 过客留言 | 友情链接
   
设为首页
加入收藏
联系我们
网站首页 | 新闻资讯 | 操作系统 | 办公软件 | 网络软件 | 工具软件 | 媒体动画 | 网页制作 | 网站开发 | 程序开发 | 平面设计
Photoshop视频教程 | Word入门 | Flash入门 | JScript | VBScript | ASP | PHP | ADO | 网页特效 | 3DS MAX6.0命令 | 系统进程
您当前的位置:GOODSGY电脑学习网 -> 网页制作 -> HTML/CSS -> 文章内容  
如何将CSS 加诸于网页

您可以利用下列 3 种方式,将 CSS 指定的格调加诸于网页上:

  1. 在 HTML 档案里加一个超连结,连到外在的 CSS 文档

  这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内(副档名为 .CSS)定义好网页的外观风格,所有参考连结到此 CSS 档的网页,便会依照指示,反应出定义好的风格。

  它的写法是: < HTML>

  < HEAD>

  < TITLE>本页标题< /TITLE>

  < LINK REL="stylesheet" HREF="http://www.webjx.com/css.css" TYPE="text/css">

  < /HEAD>

  此种方法 Navigator4 支援得仍十分 Buggy,请小心使用。

  2. 在 HTML 档案的 < HEAD>.......< /HEAD> 标签间,加一段 CSS 的叙述文

  这个方法适用于指定某个网页,除了展现外在的 CSS 档定义好的网页风格外,同时还要展现本身 HTML 档内加注的 CSS 。

  如果内在加注的 CSS 叙述与外在连结的 CSS 叙述相冲突的话,网页的展现将以内在加注的 CSS 叙述为主。

  它的写法是: < HTML>

  < HEAD>

  < TITLE>本页标题< /TITLE>

  < STYLE TYPE="text/css">

  < !--

  BODY {font: 12pt}

  H1 {font: 16pt}

  P {font-weight: bold;

  color: green}

  -->

  < /STYLE>

  < /HEAD>

  < BODY>

  开始本页内容…

  < /BODY>

  < /HTML>

  特别值得注意的是,为了防止不支援 CSS 的浏览器误将 标签间的 CSS 风格叙述当成普通字串,而展现于网页上,您最好将 CSS 的叙述文字插入 标签之间。

  3. 在 HTML 档的字里行间中,随时有需要,随时加一小段 CSS 的叙述指定

  这个方法适用于指定网页内的某一小段文字的呈现风格。

  导览器除了会展现出外在的 CSS 档与此 HTML 档 内定义的 CSS 风格(如果有的话),同时还会展现字里行间的 CSS 风格。

  如果字里行间的 CSS 叙述与 内在定义的 CSS 或外在连结的 CSS 叙述相冲突的话,导览器的展现将以字里行间的 CSS 叙述为主。

  它的写法是: < HTML>

  < HEAD>

  < TITLE>本页标题< /TITLE>

  < /HEAD>

  < BODY>

  < P STYLE="color: red">

  开始本页内容…

  < /P>

  < /BODY>

  < /HTML>

  上述的 3 种 CSS,可以同时并用,也可以择您所好,单一或成双地使用。如果各 CSS 间的叙述相冲突,则内在定义的 CSS 会盖过外在连结的 CSS ,字里行间的 CSS 会盖过 内在定义的 CSS 。

在百度中搜索:如何将CSS 加诸于网页
在Google中搜索:如何将CSS 加诸于网页
在Yahoo中搜索:如何将CSS 加诸于网页

收藏到网摘:新浪VIVI 365key 我摘 POCO网摘 博采中心 YouNote 和讯网摘 天天收藏
[] [返回上一页] [打 印] [收 藏]

 相关文章    最新文章
· 过来人谈如何快速成为一名网页设计师
· 如何保证Windows操作系统无毒
· Excel中如何打印不连续区域的方法
· [图文] 如何将几张图合在一起,有那朦胧的..
· 如何在添加删除程序里隐藏指定软件
· 装有双系统用户 如何卸载Linux
· [组图] 教你如何用Photoshop变美女
· [组图] 如何替换Word中的文字为图片
· [图文] 如何快速了解Excel函数的用法
· 如何制作Windows Vista和Dos双系统
 
· DIV+CSS建立标准WEB网页的好处
· CSS教程:表格的nobr终极解决方案
· CSS Alpha透明代码相关知识学习
· 凶手loose.dtd导致CSS样式表失效
· 让IE浏览器显示透明PNG图片
· 网页排版中10种致命的语义错误
· 学习CSS的背景图像属性background
· CSS高级应用:定义列表的特殊用法
· CSS中Background Images属性详解
· 详细解读标准网页中的Meta标签

∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论…]
站内搜索

精彩图文
  网站导航  
操作系统 办公软件 网络软件
Vista Windows2003 WindowsXP Windows2000/NT Windows9X/ME Linux 其他 Word Excel Powerpoint Outlook 金山系列 其他 网页浏览 上传下载 联络聊天 邮件工具 服务器软件 网络辅助
工具软件 媒体动画 网页制作
系统工具 媒体工具 压缩工具 图文处理 文件管理 其他 3DMAX Authorware Director Maya 视频处理 其他 Flash Dreamweaver FireWorks FrontPage LiveMotion Golive HTML/CSS 其它
网站开发 平面设计 程序设计
ASP JSP PHP CGI JavaScript VBScript XML/SOAP Web服务器 Photoshop PhotoImpact CorelDraw Illustrator Freehand 设计欣赏 其他 VB VC .NET C/C++ DELPHI JAVA

冀ICP备05019428号
Copyright © 2004-2008 电脑学习网 Inc.All rights reserved.
TEL:13832340607
QQ:39873155
E_Mail:goodsgy(#)hotmail.com   (把(#)替换成@)
MSN:goodsgy(#)hotmail.com   (把(#)替换成@)