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

一、内部样式表

1. 定义

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

2. 优点

方便简单、针对性强。

3. 缺点

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

二、外部样式表

1. 定义

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

2. 优点

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

3. 缺点

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

三、内联样式

1. 定义

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

2. 优点

精准控制、简单直接。

3. 缺点

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

相关推荐
AlienZHOU10 小时前
AI Coding 时代下,我的技术面试实践分享
前端·后端·面试
Captaincc13 小时前
AI用量v0.1.11更新发布 新增 jusage doctor 诊断指令 托盘展示token 和余额 新增 AutoClaw 支持
前端·后端·vibecoding
计算机魔术师15 小时前
德国Wiki被黑后两周,OpenAI终于把模型失控的账本摊开了
前端
kyriewen15 小时前
我让 AI 当面试官面了我一轮:第 3 个追问我就卡住了(附 10 道追问清单)
前端·面试·ai编程
IT_陈寒16 小时前
Python的GIL把我坑惨了,多线程跑得比单线程还慢
前端·人工智能·后端
前端snow16 小时前
ai agent --- 多agent框架之图编排引擎-langgraph
前端
竹林81816 小时前
OmniPic Studio v3.2.1 核心技术架构与全平台发版解析文档
前端·浏览器
JamesZhang8007816 小时前
页面内存只涨不跌? 一次泄漏排查, 牵出 WeakMap 的诞生
前端
Z小明16 小时前
第 6 章 组件进阶
前端·vue.js
江华森16 小时前
HTTP请求的完整过程详解:从DNS解析到TCP挥手的微秒级实战分析
前端