如何在html添加css样式表,网页中添加CSS样式表的四种方式
本文向大家描述一下网页中添加CSS样式表的四种方式,首先让我们来看一下CSS样式表文件的优势,主要体现在两个方面,请看下文详细介绍。
CSS样式表文件的优势表现在两个方面:
***,简化了网页的格式代码,外部的CSS样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。
第二,只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。避免了一个一个网页的修改,大大减少了重复劳动的工作量。
网页中添加CSS样式表的四种方式
一、使用STYLE属性:将STYLE属性直接加在个别的元件标签里。
例如:
font-family:"标楷体";line-height:150%>
这种用法的优点是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签:将CSS样式规则写在标签之中。
例如:
通常是将整个的结构写在网页的
部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
三、使用LINK标签:将CSS样式规则写在.css的样式档案中,再以标签引入。
假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入
即可套用该样式档案中所制定好的样式了。通常是将LINK标签写在网页的
部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import引入:跟LINK用法很像,但必 放在中。
例如:
要注意的是,行末的分号是绝对不可少的!这种方式也可以把@importurl(http://yourweb/example.css);加到其它CSS样式内调用。
文章出处:标准之路(http://www.aa25.cn/div_css/388.shtml)
【编辑推荐】
【责任编辑:程华权 TEL:(010)68476606】
点赞 0
如何在html添加css样式表,网页中添加CSS样式表的四种方式相关推荐
- 在网页中执行本地exe程序的两种方式
一.有时候,需要在 网页上去执行本地的一个EXE文件,如果用javascript ,一般浏览器,由于安全问题,都会禁止掉这个特性.但经过测试,目前在ie,firefox中仍然可以用JS来实现,但在ch ...
- MySQL中四种方式给字段添加索引
MySQL中给字段创建索引的四种方式: 添加主键 ALTER TABLE tbl_name ADD PRIMARY KEY (col_list); 该语句添加一个主键,这意味着索引值必须是唯一的,且不 ...
- css样式引入形式php,引入css样式表的四种方式介绍
一.使用STYLE属性: 将STYLE属性直接加在个别的元件标签里. 这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』. 二.使用STYLE标签: 将样式规则写在标签之 ...
- css样式加入的法方,初学必知:XHTML网页中加入CSS的五种方_css
在Xhtml网页中如何加入css呢?这篇教程告诉大家引入CSS的几种方式. XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容.那么到底有哪些方式在XHTML文 ...
- 怎样设置网页纵向滚动 css,CSS 怎么设置网页下拉条 (滚动条) 样式?
CSS 怎么设置网页下拉条 (滚动条) 样式? 很多朋友在网页设计中要自定义下拉条 (滚动条) 样式的情景, 下拉条的样式我们可以通过 CSS 来控制的, 下拉条能不能换颜色或者做的更好看一些呢? 那 ...
- HTML字体怎么显示,教你如何用CSS来控制网页字体的显示样式
教你如何用CSS来控制网页字体的显示样式 更新时间:2007年02月27日 00:00:00 作者: HTML对于<font>内容</font>卷标只有: <font ...
- CSS/HTML 如何在网页中添加空格(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作 ...
- 在网页中添加矢量图形
矢量图形在很多情况下非常有用 - 它们拥有较小的文件尺寸,却高度可缩放,所以它们不会在镜头拉近或者放大图像时像素化.在这篇文章中,我们将为您呈现如何在网页中添加矢量图形. 前提: 你需要了解 HTML ...
- html5网页中加入播放器,向网页中添加 HTML5 视频控件
爱学习,爱生活,爱编程--希望能帮到你!更多>>> 如何开始使用 采用它的最基本形式,使用 HTML5 video 元素向网页中添加视频播放器是通过一行 HTML 完成的. 添加 ...
最新文章
- 如何避免_旅游住宿如何避免雷区?
- win7右键在桌面上转圈圈的解决办法
- boost::geometry::tuples用法的测试程序
- js多种方法:返回上一页
- plc 上位机编译算法_什么是PLC与DDC PLC与DDC的区别
- 最好用的营养计算机软件,营养计算器(标准版)
- 关于PyQt5,在pycharm上的安装步骤及使用技巧
- jqgrid 编辑状态获取该单元格的元素的id 和操作该元素
- 基于javaweb+springboot的在线购书系统网上书店图书商城(前台、后台)(java+Springboot+ssm+mysql+maven)
- esri开发大赛项目总结
- idea官网下载地址
- MYSQL 用户及权限管理
- 金税盘计算机USB无法识别,金税盘无法识别怎么办
- 移动 ProgramData\Package Cache 文件夹
- 跳槽季,你该如何写简历,简历准备好了吗?
- 南京计算机图书,计算机中心附近图书馆
- OPPOA79K_OPPOA79KT_官方线刷包_救砖包_解账户锁
- <<2020云南省青少年创意编程与智能设计大赛>>参赛作品之变身魔药实验编程设计说明
- 这些你必须知道的 Linux 技能
- 计算机视觉要掌握哪些知识,学习了哪些知识,计算机视觉才算入门?