我们用 HTML 编写网页后,需要用 CSS 对某些样式进行优化,美化页面,提高体验度。那么 HTML 中如何引入 CSS 呢?有几种方法引入呢?这篇文章为你解答。
行内引入
直接在标签中加入 CSS 样式。若使用此方法过于繁琐,且没有体现 CSS 样式。故较少用此方法。
<p style="color:red">行内引入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 以及有几种方法的全部解答。
声明:小猿资源站是一个资源分享和技术交流平台,本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。