CSS的四种引入方式
CSS的引入方式最常用的有三种,
第一:在head部分加入<link rel="stylesheet" type="text/css" href="my.css"/>,引入外部的CSS文件。
这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法;最能体现DIV+CSS中的内容与显示分离的思想,也最易改版维护,代码看起来也是最美观的一种。
第二:在head部分加入 <style type="text/css"> div{margin: 0;padding: 0;border:1px red solid;} </style>
这种方法的使用情况要少的多,最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来,优点突出,弊端也明显。
优点:速度 快,所有的CSS控制都是针对本页面标签的,没有多余的css命令;再者不用外链css文件。直接在html文档中读取样式。缺点就是改版麻烦些,单个页 面显得臃肿,css不能被其他html引用造成代码量相对较多,维护也麻烦些。 但是采用这种方法的公司大多有钱,对他们来说用户量是关键,他们不缺人进 行复杂的维护工作。
第三:直接在页面的标签里加 <div style="border:1px red solid;">测试信息</div>
这种方法现在用的很少,很多公司不了解前端技术的领导还对这种写法很痛恨。认为html里不能出现css命令。其实有时候使用下也没有什么大不了。比如通用性差,效果特殊,使用css命令较少,并且不常改动的地方,使用这种方法反而是很好的选择。
除了这三种常用的css引入方式,还有种很多人都没有见过的引入方式
<style type="text/css"> @import url(my.css); </style> 这就是第四种引入方式。
另外@important本身是一个CSS命令,是放在CSS文件里的,这个跟LINK标签有很大的区别。
(资源库 www.zyku.net)
您可能感兴趣的文章
- 03-28比较好看h1 h2 h3的css自定义样式
- 03-21CSS中margin和padding的区别
- 03-16HTML-CSS一条水平线两种不同的颜色怎么实现?
- 03-16CSS鼠标点击出现有颜色的边框?如何解决
- 03-13CSS去除标签em的斜体
- 03-13纯CSS实现垂直居中的几种方法
- 12-10CSS去除重叠边框
- 05-11修改CSS样式实现网页变灰色/黑白代码的几个方法整理
- 08-04CSS代码实现三角形和饼图实例
- 06-15HTML/CSS:div居中和div内部元素垂直居中
- 01-12iFashion-iFashion应用软件功能介绍
- 02-08华为nova8手套模式位置分享教程
- 04-05华为mate40e开启返回键教程
- 01-11PDF小剪刀-PDF小剪刀应用软件功能介绍
- 01-26ipad小组件设置方法
- 01-03安心WiFi伴侣-安心WiFi伴侣应用软件功
- 09-24咪咕视频怎么取消自动扣款
- 09-15七牛云存储清理静态页面缓存的方法
- 10-07oppok9pro怎样设置红包助手
- 11-07荣耀X30max设置经典导航键方法介绍
最近更新
阅读排行
猜你喜欢
- 07-05Linux comm命令
- 12-21iqooNeo5s怎么设置返回键
- 12-15华为p50如何开启快速通话
- 11-21荣耀50隐藏应用设置步骤分享
- 12-25ThinkPHP全站页面静态化的实现方法!
- 10-30搜狗输入法关闭智能汪仔助手方法
- 10-18华为nova9pro怎么在日历查看节假日休
- 09-13淘宝怎么查看先用后付额度
- 02-26小米手机限制应用使用时间教程
- 02-09小米11开启隐藏相册功能教程