这篇文章给大家分享的是有关html引入css文件的方法有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
在学习前端的时候,我们应该知道css给html标记添加各种样式,用来告诉浏览器,因该如何显示这些标记里面的内容。既然css是用来给html添加各种样式的,那么,html中如何引入外部的css文呢?本篇文章将给大家来介绍关于html引入css文件的四种方法、下面我们就来看看具体的内容。
<强> 1,html引入css文件之直接在div中使用css样式制作div + css网页强>
& lt; div风格=氨呔?1 px红色固体;“在html引入css文件& lt;/div>
说明:html引入css文件的这种方法不建议使用,因为会让页面的标签很多,看起来很累赘,体现不了css的优势,当然如果你非常想用这种方法,在不经常更改的地方可以用一用,但是还是不推荐。
<强> 2,html引入css文件之html中使用风格自带式强>
直接在标题里面写css
& lt;风格类型=拔谋?css"比; div{保证金:0;填充:0;边界:1 px红色固体;} & lt;/style>
说明:html引入css文件的这种方法适合在页面较少的情况下使用。优点:速度
快,所有的css控制都是针对本页面标签的,没有多余的css命令;再者不用外链css文件。直接在html文档中读取样式。缺点如果页面较多改版会很麻烦,单个页
面显得臃肿、css不能被其他html引用造成代码量相对较多,维护也麻烦些。但是采用这种方法的公司大多有钱,对他们来说用户量是关键,他们不缺人进
行复杂的维护工作。<强>
强>
<强> 3,html引入css文件之使用@ import引用外部css文件强>
将一个独立的。css文件引入html文件中,导入式使用css规则引入外部css文件,& lt; style>标记也是写在& lt; head>标记中,使用的语法如下:
& lt;风格类型=拔谋?css"比; @import" mystyle.css";此处要注意。css文件的路径 & lt;/style>
<强> 4,html引入css文件之使用链接引用外部css文件
强>
在网页的& lt; head> & lt;/head>标签对中使用& lt;每日标记来引入外部样式表文件,使用html规则引入外部css <强>。
强>
& lt;链接的href=https://www.yisu.com/zixun/薄?mystyle.css”rel="样式表" type=" text/css "/>
说明:html引入css文件的这种方法就不需要风格标签,而是直接通过链接一个样式来引用外部样式,推荐使用链接来引用外部的css样式方法。
感谢各位的阅读!关于html引入css文件的方法有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!