HTML中引入CSS的方法有哪些

发布时间:2022-02-22 09:40:30 作者:iii
来源:亿速云 阅读:116

这篇文章主要讲解了“HTML中引入CSS的方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML中引入CSS的方法有哪些”吧!

行内引入

直接在标签中加入 CSS 样式。若使用此方法过于繁琐,且没有体现 CSS 样式。故较少用此方法。

<p >行内引入CSS样式</p>

嵌入引入

对页面中涉及到的样式集中写在<head></head>之间,所有的 CSS 样式都是针对本页面标签的,没有多余的命令,而且直接 HTML 文档中读取样式,页面加载速度会更快。但是此方法缺点也存在,不方便修改,代码过多,后续排查时需要花费较多心思,不好维护。

<style type=”text/css”>p{ color:red }</style>

导入文件引用

<!-- 导入外部样式:在内部样式表的<style></style>标记之间导入一个外部样式表,导入时用@import。 -->  
<style type="text/css">  
 @import "jisuan.css";  
</style>

链接导入

链接导入与导入式差不多,都是从外部引入 CSS。当客户端用户浏览网站时,链接导入效果会好一点。目前常用的导入方式也是链接导入,这种方式也是最能体现 CSS 特点的方式,也方便日后维护。

<link href="文件地址" rel=”stylesheet” type=”text/css” />

感谢各位的阅读,以上就是“HTML中引入CSS的方法有哪些”的内容了,经过本文的学习后,相信大家对HTML中引入CSS的方法有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. html中引入js和css文件方法
  2. html引入css文件的方法有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html css

上一篇:HTML5自定义属性问题怎么解决

下一篇:HTML标签、用法及释义的知识点有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》