首页 > 网站建设 >

网站建设公司浅谈CSS样式的引用方法

发布时间:2019-10-08 作者:深圳网站建设

  深圳网站建设公司发现早期的HTML页面为了做出漂亮的界面,就为HTML增加了很多属性,这样做的结果就是页面代码变得十分臃肿,而且不利于维护。CSS在解读这一问题中承担了重要的角色。
1.外部样式表
  要使用外部样式表,首先需要创建一个CSS样式表文件,将CSS样式都写在这个文件中,然后就可以在HTML页面中使用<link>标签将外部样式表引入到文件中。例如,我们在名为CSS的文件夹中新创建一个名为index.css的CSS文件,而index.html文件与CSS文件夹在同一个目录下,这样我们就可以在index.html文件中使用<link>标签引入外部样式表。
  外部样式表通常会被多个文件使用。例如,网站上所有网页都有一个相同的区域,现在需要修改网页中这个区域的背景颜色,如果逐个修改网页背景色的CSS代码,那将是一件非常痛苦的事情。使用外部样式表后,因为所有网页都引入了这个样式,所以只需要修改外部样式表中对应区域的背景色,就可以修改所有页面的颜色。这里需要注意的是,<link>标签必须作为<head>标签的内容出现。
2.内部样式表
  在使用内部样式表时,我们不需要为CSS样式单独创建一个样式文件,可以直接在HTML页面中的<head>标签中使用<style>标签设置样式。
3.行间样式表
  可以直接在HTML标签内通过设置style属性的值,设置各个HTML元素的样式。通过这种方法设置的样式表,只能作用于当前的HTML元素。网站建设公司文关于“网站建设公司浅谈CSS样式的引用方法”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 
文章标题:网站建设公司浅谈CSS样式的引用方法
本文地址:https://www.198bona.com/news/4181.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯