在建网站时CSS样式表的常见使用方法

来源:建网站  发布时间:2020-04-27  235 次浏览

    在建时CSS和HTML的使用是必要的,要想在浏览器中显示预期的CSS样式表效果,就要让浏览器识别并正确调用CSS。而CSS样式放在不同的地方,所产生的作用范围也是不同的。在HTML中,主要用四种方法引入CSS:行内式、内嵌式、导入式和链接式。

css样式表的四种常见使用方法

  (1)行内式:

<div style="font-size:15px;">行内式,直接在当前行内写入</div>

    即在标记的style属性中设定CSS样式,这种方式本质上没体现出CSS的优势,因此不推荐使用。

  (2)嵌入式:

<style type="text/css">
 body{
    margin:0px;
    padding:0px;
    background-color:#f6f6f6;
}
</style>

   在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便。但是这种方法的使用情况要少的多,最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来,优点突出,弊端也明显。优点:速度快,所有的CSS控制都是针对本页面标签的,没有多余的CSS命令;再者不用外链CSS文件。


  (3)导入式:

<style type="text/css">
@import "../css/style.css";
</style>

  (4)链接式:

<link rel="stylesheet" href="/css/style.css" type="text/css" />

    导入式和链接式差不多,都是从外部引入CSS文件。但是链接式对于客户端用户浏览网站时,效果会好些。
    链接式可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法;最能体现DIV+CSS中的内容与显示分离的思想,也最易改版维护,代码看起来也是最美观的一种。
 
    总结:对于一些比较大的网站,为了便于维护,可能会希望把所有的css样式分类别放到几个CSS文件中,这样如果使用连接式引入,就需要几个语句分别导入CSS文件。如果要调整CSS文件的分类,就需要同时调整HTML文件,这对于维护工作来说,是一个缺陷,如果使用导入式,则可以只引进一个总的CSS文件,在这个文件中再导入其他独立CSS文件;而链接式则不具备这个特性。


上一篇: JS的常见浏览器对象模型BOM操作

下一篇: 利用CSS样式属性控制让背景图片和IMG图片正常显示不变形

最新信息
推荐信息
  1. 河南大咖电竞酒店
  2. 河南春怡电气设备有限公司
  3. 在建企业网站时如何正确对待企业关键词
  4. 建企业网站使用什么建站系统简单又好用
建企业网站
建企业网站