css主要引用方法的优缺点（css主要引用方法的优缺点有哪些）

在前端开发中，CSS是必不可少的一部分。而为了使用CSS，我们需要引用它，以下是CSS主要引用方法的优缺点分析。

内部样式

style>
    /* CSS样式代码 *//style>
    

内部样式是将CSS代码直接编写在HTML文件的head> 标签内，优点是可以使样式代码和HTML代码在同一个文件内，代码管理方便。缺点是无法复用，因为只能作用于这一个HTML文件。

外部样式

link rel="stylesheet" type="text/css" href="style.css">
    

外部样式是将CSS代码写在专门的CSS文件中，通过link> 标签引入。它的优点是可以实现CSS复用，多个HTML文件可以共用同一个CSS文件。缺点是当访问网站时，需要先下载CSS文件，才能开始渲染HTML文件，可能会影响页面渲染速度。

内联样式

p style="color: red;
     font-size: 20px;
     font-weight: bold;
    ">
    这段文字会应用内联样式/p>
    

内联样式是将CSS代码直接写在HTML标签内，它的优点是可以快速地调整某个标签的样式，缺点是该样式代码不能被重复使用。

CSS框架

link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha512-Bs6xIvJzZcNL0OBSgm3nQ4zy3T5dfNexYuKUs+5+CbiBfA9Ti9FpX0LuVPO9l4s4/OnKcBZlC1R3NPHavJJABw==" crossorigin="anonymous" />
    

CSS框架是对CSS进行封装的一个库，基本上实现了常用的CSS效果，例如Bootstrap、Foundation等。引用CSS框架可以让页面快速搭建，并且有响应式设计，可以适应不同的平台设备。缺点是存在样式冲突问题，需要了解CSS框架的命名规范，以及如何覆盖框架的样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！