HTML中引用CSS的几种方法,分享


HTML中引用CSS的方法主要有

  • 行内样式
  • 内嵌式
  • 链接式
  • 导入样式

行内样式

指写在标签里的Style元素的值

 <p>内嵌式 

写在HTML页面的head标签里。

   <style type="text/css">             XXXXXXXX         </style>

链接式

也是在head标签内部进行,但是需要在外部专门写CSS文件。

<link rel="stylesheet" href="css/Demo.css" />

导入样式

同样在head标签内。

<style type="text/css">             @import url("css/Demo.css");         </style>

导入和链接的区别为,导入时一次加载,而链接是在需要其样式的时候再去加载,所以链接式的性能更高一点。 尤其是在第一次加载 。

有这么多的方式,那么自然会有优先级了
优先级为

行内样式
链接式
内嵌式
导入式(链接在导入后)
OR
行内样式
内嵌式
导入式

www.dengb.comtruehttps://www.dengb.com/HTML_CSS/1382031.htmlTechArticleHTML中引用CSS的几种方法, HTML中引用CSS的方法主要有 行内样式 内嵌式 链接式 导入样式 行内样式 指写在标签里的Style元素的值 p>内嵌式 写...

----想了解更多的css相关样式处理怎么解决关注<计算机技术网(www.ctvol.com)!!>

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址:https://www.ctvol.com/csstutorial/107849.html

(0)
上一篇 2020年5月3日
下一篇 2020年5月3日

精彩推荐