前端优
我用我的双手去成就我的梦想,我将遵循此道直至终结!
首页 > html+css >正文

样式的三种分类

发布时间:2024-08-08 23:09 作者:一友画

1.内部样式--内联样式

使用的是style标签

<style type="text/css">
/*样式*/
</style>

2.行内样式

直接写在标签上的style属性中

<div style="color: red;font-size: 16px;">div盒子</div>

3.外部样式

新建一个css文件,然后和html页面关联起来

  • a)使用标签关联
    <link rel="stylesheet" type="text/css" href="css文件路径" />
    
  • b)使用指令关联
    <style type="text/css">
    @import url("css文件路径");
    </style>
    

三种样式表总结

样式表 优点 缺点 使用情况 控制范围
行内样式表 书写方便,权重高 没有实现样式和结构相分离 较少 控制一个标签(少)
内部样式表 部分结构和样式相分离 没有彻底分离 较多 控制一个页面(中)
外部样式表 完全实现结构和样式相分离 需要引入 最多,强烈推荐 控制整个站点(多)

以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!