html如何引入css文件?HTML引入外部css文件的四种方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html如何引入css文件?HTML引入外部css文件的四种方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1807字,纯文字阅读大概需要3分钟。
内容图文
![html如何引入css文件?HTML引入外部css文件的四种方法](/upload/InfoBanner/zyjiaocheng/392/cfc37bcef4c542cca01dcf957aba7fb0.jpg)
1、html引入css文件之直接在div中使用css样式制作div+css网页
<div style="border:1px red solid;">html引入css文件</div>
说明:html引入css文件的这种方法不建议使用,因为会让页面的标签很多,看起来很累赘,体现不了css的优势,当然如果你非常想用这种方法,在不经常更改的地方可以用一用,但是还是不推荐。
2、html引入css文件之html中使用style自带式
直接在header 里面写css
<style type="text/css"> div{margin: 0;padding: 0;border:1px red solid;} </style>
说明:html引入css文件的这种方法适合在页面较少的情况下使用。优点:速度
快,所有的css控制都是针对本页面标签的,没有多余的css命令;再者不用外链css文件。直接在html文档中读取样式。缺点如果页面较多改版会很麻烦,单个页
面显得臃肿,css不能被其他html引用造成代码量相对较多,维护也麻烦些。但是采用这种方法的公司大多有钱,对他们来说用户量是关键,他们不缺人进
行复杂的维护工作。
3、html引入css文件之使用@import引用外部CSS文件
将一个独立的.css文件引入HTML文件中,导入式使用css规则引入外部css文件,<style>标记也是写在<head>标记中,使用的语法如下:
<style type="text/css"> @import"mystyle.css"; 此处要注意.css文件的路径 </style>
4、html引入css文件之使用link引用外部CSS文件
在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用html规则引入外部css。
<link href="./mystyle.css" rel="stylesheet" type="text/css"/>
说明:html引入css文件的这种方法就不需要style标签,而是直接通过link一个样式来引用外部样式,推荐使用link来引用外部的css样式方法。
以上就是给大家介绍的四种html引入外部css文件的四种方法,更多关于html和css的内容可以关注Gxl网。
以上就是html如何引入css文件?HTML引入外部css文件的四种方法的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的html如何引入css文件?HTML引入外部css文件的四种方法全部内容,希望文章能够帮你解决html如何引入css文件?HTML引入外部css文件的四种方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。