网页设计中常用的五种引入CSS样式的方式详解.doc_第1页
网页设计中常用的五种引入CSS样式的方式详解.doc_第2页
网页设计中常用的五种引入CSS样式的方式详解.doc_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页设计中常用的五种引入CSS样式的方式详解 引入CSS样式的五种方式常用的有五种引入CSS样式的方式，下面分别作一些介绍。 一、使用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标
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论