HTML中引入CSS的方法有哪些
这篇文章主要讲解了“HTML中引入CSS的方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML中引入CSS的方法有哪些”吧!
行内引入直接在标签中加入 CSS 样式。若使用此方法过于繁琐,且没有体现 CSS 样式。故较少用此方法。
<p>行内引入CSS样式</p>嵌入引入
对页面中涉及到的样式集中写在<head></head>
之间,所有的 CSS 样式都是针对本页面标签的,没有多余的命令,而且直接 HTML 文档中读取样式,页面加载速度会更快。但是此方法缺点也存在,不方便修改,代码过多,后续排查时需要花费较多心思,不好维护。
<styletype=”text/css”>p{color:red}</style>导入文件引用
<!--导入外部样式:在内部样式表的<style></style>标记之间导入一个外部样式表,导入时用@import。--><styletype="text/css">@import"jisuan.css";</style>链接导入
链接导入与导入式差不多,都是从外部引入 CSS。当客户端用户浏览网站时,链接导入效果会好一点。目前常用的导入方式也是链接导入,这种方式也是最能体现 CSS 特点的方式,也方便日后维护。
<linkhref="文件地址"rel=”stylesheet”type=”text/css”/>
感谢各位的阅读,以上就是“HTML中引入CSS的方法有哪些”的内容了,经过本文的学习后,相信大家对HTML中引入CSS的方法有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。