一、使用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: #FFFFCC;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>要注意的是,行末的分号是绝对不可少的!
网页中使用CSS样式表的四种方式介绍
来源:互联网 发布日期:2016-03-25 16:37:46 浏览:2607次
相关内容
- 豪赌AI芯片!孙正义被曝筹资1000亿美元,要抗衡英伟达?
- 硅谷大佬怎么看脑机接口技术?扎克伯格:我不会“第一个吃螃蟹”
- 对话东方晶源:打造中国芯片制造的GoldenFlow
- 一颗改变了世界的芯片
- 脑机接口技术取得新突破 产业化有望再提速
- DSL Linux 系统时隔 12 年回归更新,体积从 50MB 膨胀到 700MB
- 调查:AMD AI芯片 Instinct MI300X 吸引大量用户弃用英伟达
- 英特尔甩出全新AI训练芯片!跑千亿大模型速度超H200,罕见披露AI浮点性能
- 奥特曼造芯、Sora炸场与英伟达RTX——AI关键词:“大力出奇迹”
- 仅1/8,“硅仙人”称不到1万亿美元就能重塑AI芯片领域
AiLab云推荐
最新资讯
- 纳米缝合让复合材料更轻更坚韧
- Meta全新自研AI芯片曝光:性能相比MTIA v1提升了3倍!
- M4芯片将专注于AI!苹果据称拟全面升级Mac产品线,股价涨超4%
- 英特尔甩出全新AI训练芯片!跑千亿大模型速度超H200,罕见披露AI浮点性能
- 英特尔突袭英伟达H100,新AI芯片训练快40%,推理快50%,CEO蹦迪庆祝
- 对话东方晶源:打造中国芯片制造的GoldenFlow
- 一颗改变了世界的芯片
- 英特尔展示多模块芯片,预计为 Gaudi 3 人工智能加速器
- 台地震影响全球半导体格局?分析称可能会让供应链多元化呼声更强烈
- 三星 Exynos 2500 芯片再爆料:加码NPU芯片,构建更丰富 AI 体验
本月热点
热门排行
-
ChatGPT 设计了一款芯片
阅读量:199285
-
2023年全球风投额创5年最低,机构:今年会有更多创业公司倒闭
阅读量:198082
-
计算效率提升超60倍!中国公司杉数科技用GPU芯片开启运筹学新的“大航海时代”|钛媒体焦点
阅读量:195010
-
2023,AI创业者的50条反思
阅读量:105701
-
专访清华大学脑机接口科研团队负责人:中美“脑机接口”下一突破是什么?
阅读量:66525
-
2024,AI芯片之争加剧
阅读量:24229