CSS 样式文件引入的方式有哪些?

一、内部样式表

1. 定义

在 HTML 文档内部,通过`<style>`标签在`<head>`部分定义 CSS 样式。这些样式只对当前 HTML 页面有效。

2. 优点

方便简单、针对性强。

3. 缺点

缺乏复用性、HTML 文件臃肿。

二、外部样式表

1. 定义

将 CSS 样式代码单独写在一个`.css`文件中,然后通过 HTML 文档中的`<link>`标签将其引入。

2. 优点

复用性高、便于维护、提高性能(在一定程度上)。

3. 缺点

增加请求数量(相对)、需要注意路径问题。

三、内联样式

1. 定义

直接在 HTML 元素的`style`属性中定义 CSS 样式。这种样式只应用于当前元素。

2. 优点

精准控制、简单直接。

3. 缺点

缺乏复用性和可维护性、不符合样式与内容分离原则。

相关推荐
小粉粉hhh13 小时前
Node.js(五)——编写接口
前端·javascript·node.js
进击切图仔13 小时前
SAM3 微调标注流水线和 Label Studio
java·服务器·前端
自然 醒13 小时前
前端如何实现在线预览office常见文件功能?
前端·vue.js
肉肉不吃 肉14 小时前
前端调试跨域如何解决
前端·vue.js
Liora_Yvonne14 小时前
为什么你写了3年前端还是搭不好一个项目
前端·架构
snow@li14 小时前
Java:后端项目会有一个类似前端node_modules的目录吗 / jar包在本地仓库 ~/.m2/repository 中按版本共存
java·开发语言·前端
weedsfly14 小时前
单例模式在前端中的正确打开方式
前端·javascript·面试
PedroQue9914 小时前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app
IT_陈寒14 小时前
Vite冷启动快?我遇到了个奇怪的依赖问题
前端·人工智能·后端
2603_9552797014 小时前
通过 brew upgrade cmake 升级到最新版本
前端