bst365最新正规买球

将CSS引入HTML的常用方法有哪些?
  • 更新时间:2024-07-18 23:27:00
  • 网站建设
  • 发布时间:1年前
  • 250

我们都知道HTML和CSS是两种功能不同的语言,但是它们可以同时对一个网页产生效果,网页(webPage)=内容(html)+表现(css)+行为(javascript) .因此,有必要将CSS引入到HTML中并结合使用。为了在浏览器中显示出预期的CSS样式表效果,需要浏览器正确识别和调用CSS。浏览器在读取样式表的时候,应该是按照文本格式来读取的,而CSS样式表放在不同的地方,作用的范围也是不同的。在HTML中,CSS主要通过四种方式引入:内联、嵌入、导入和链接。

(1)行内式,如下图:

即在标签的style属性中设置CSS样式。这种方式并没有从本质上体现CSS的优势,所以不推荐使用。

(2)嵌入式,如下图:

在页面各种元素的设置中,写入

在和之间,这对于单页来说很方便。不过这种方式的使用要少得多,最常见的是访问量大的门户网站。或者访问量大的企业网站bst365最新正规买球。与第一种方法相比,优点突出,但缺点也很明显。优点:速度快,所有的CSS控件都是针对这个页面标签的,没有多余的CSS命令;此外,不需要外部链CSS 文件。直接在HTML 文档中读取样式。缺点是改版比较麻烦,单个页面显得臃肿,CSS不能被其他HTML引用,导致代码量比较大,维护麻烦。但采用这种方式的公司大多是有钱人,对他们来说用户量是关键,不缺人手做复杂的维护工作。

(3)导入式,如下图

(4)链接式,如下图:

导入类型和链接类型类似,都是从外部导入CSS文件。但链接类型在客户端用户浏览网站时效果会更好。

链接可以说是现在占主导地位的导入方式。比如IE和浏览器。这也是最能体现CSS特性的方法;在DIV+CSS中最能体现内容与显示分离的思想,也是最容易修改维护,代码看起来最漂亮的。

总结:对于一些比较大的网站,为了方便维护,可能希望把所有的css样式放到几个css文件中,这样如果使用链接导入,需要几个语句分别导入css文件.如果要调整CSS文件的分类,需要同时调整HTML文件,这对于维护工作来说是一个缺陷。如果使用导入方式,只能导入一个通用的CSS文件,然后在这个文件中导入其他独立的CSS。文件;而链接类型没有此功能。

我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!

本文章出于推来客官网,转载请表明原文地址://www.tlkjt.com/web/11540.html

扫码联系客服

3985758

回到顶部