CSS的引入方式最常用的有三种

转载 2015年07月10日 14:02:39
第一:在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>

这就是第四种引入方式。在IBM工作的时候,只能使用一种Ajax框架,就是DOJO。而DOJO的CSS引用,就是采用了@import的方式。这种情 况非常少,主要用在CSS文件数量庞大的负责的系统中。另外@important本身是一个CSS命令,是放在CSS文件里的,这个跟LINK标签有很大 的区别。

React创建组件的三种方式及其区别

React创建组件的三种方式及其区别React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归;具体的三种方式:函数式定义的无状态组件 es5原生方式React.createCl...

移动开发哪家强 ?ionic,react-native,native 三种开发方式对比!

随着移动互联网的兴起,移动端已经成为一款完整产品不可或缺的部分,作为移动端开发的一员,如何高效的开发出一款有体验,易维护的移动端产品,如何轻松的脚踏两条船或者多条船(iOS,android,web),...
  • ccboby
  • ccboby
  • 2015年11月16日 14:44
  • 6498

CSS的引入方式最常用的有三种,

CSS的引入方式最常用的有三种, 第一:在head部分加入,引入外部的CSS文件。 这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法;最能体现DI...

在HTML文档中嵌入CSS的三种常用方式

在HTML中定义CSS的方式有:Emb在HTML中常用以下3种方式定义CSS:Embedding(嵌入式)、Linking(引用式)、Inline(内联式) 一、嵌入式 使用HT...

HTML文档中嵌入CSS的三种常用方式

HTML文档中嵌入CSS的三种常用方式

在HTML文档中嵌入CSS的三种常用方式

在HTML中常用以下3种方式定义CSS:Embedding(嵌入式)、Linking(引用式)、Inline(内联式) 一、嵌入式 使用HTML的style元素,在文档中定义CSS样式...

CSS从基础到熟练学习笔记(一)引入CSS样式的三种方式以及多种样式的优先级

CSS是一种样式表语言,描述了一个HTML(或XML)文档演示。CSS描述了元素是怎样渲染到屏幕、纸上或其他媒体的。内部样式和外部样式的定义顺序(引入顺序)决定了优先级高低,后指定的优先级高;内联样式...

echarts三种引入方式

  • 2017年04月15日 14:16
  • 2.46MB
  • 下载

CSS的三种定位方式介绍

在CSS中一共有N种定位方式,其中,static ,relative,absolute三种方式是最基本最常用的三种定位方式。他们的基 本介绍如下。 static默认定位方式 relative相对...

CSS的三种定位方式介绍

在CSS中一共有N种定位方式,其中,static ,relative,absolute三种方式是最基本最常用的三种定位方式。他们的基 本介绍如下。 static默认定位方式 relati...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS的引入方式最常用的有三种
举报原因:
原因补充:

(最多只允许输入30个字)