|
|
域名空间 下载中心 社区论坛 信息公告 my小屋 | |
 |
联系我们 设为首页 加入收藏 |
 |
|
 |
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿 论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图 专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版 社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务 |
 |
 |
 |
 当前位置：首页>>网页设计>>html/css>>正文 |
新版上线！[旧版] |  |
|||
注:打开慢时请稍等
网页设计引入css样式的五种方式http://www.iyit.net 日期：2006-9-29 16:56:30 来源： 点击： |
将style属性直接加在个别的元件标签里，＜元件(标签) style="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如： ＜td style="color:blue; font-size:9pt; font-family:"标楷体"; line-height:150%＞ 这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。 本篇文章发表于www.iyit.net(易特网络) 二、使用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＞ 编辑：黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部] 上一篇：网站首页head区代码专业规范 下一篇：用css实现表格背景颜色渐变效果 转载请注明来源：www.iyit.net 特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。 |
| 最新更新 | 热点排行 | 推荐新闻 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 友情链接 | ||||||
 |
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接 |  |
| |||||||
易特网络技术