Loading... ## 引入方式 ### 行内式(内联样式) 写在标签 style 属性中的一种css写法 优点:方便、直观。 缺点:缺乏可重用性。 ```html <div style="color:red;"></div> ``` ### 内嵌式(内部样式) 写在 head 标签中。 优点:在同一个页面内部便于复用和维护。 缺点:在多个页面之间的可重用性不够高。 ```html <head> <style> .box { color:red; } </style> <div class="box"></div> </head> ``` ### 外部样式 写在外部以css为扩展名的文件中! 优点:使得css样式与html页面分离,便于整个页面系统的规划和维护,可重用性高。 缺点:css代码由于分离到单独的css文件,容易出现css代码过于集中,若维护不当则极容易造成混乱。 ```html <link rel="stylesheet" href="外部文件地址" /> ``` ## 优先级 内联样式 >内部样式 > 外部样式 本文作者: 秋 本文地址:https://www.03e.cn/139.html 版权声明:本博客所有文章除特别声明外,均默认采用 CC BY-NC-SA 4.0 许可协议。 最后修改:2023 年 01 月 11 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 2 如果觉得我的文章对你有用,请随意赞赏