内联样式是直接将CSS代码写在HTML元素的style属性中优先级最高但不利于维护和复用适用于临时覆盖其他样式或小范围应用特定样式内部样式表将CSS代码写在HTML文档head部分的style标签内适合单个页面特有的样式或作为外部样式表不可用时的备用方案外部样式表是最常用最推荐的CSS引入方式将CSS代码保存在单独的css文件中通过link标签引入HTML文档实现了内容与表现的完全分离具有最佳的维护性和复用性当多种引入方式同时存在时浏览器会根据特定规则确定最终应用的样式不同引入方式对页面性能有不同影响内联样式减少HTTP请求但增加HTML文件大小内部样式表适合小型项目但无法利用浏览器缓存外部样式表可被缓存但需要额外HTTP请求

CSS层叠样式表用于描述HTML或XML文档样式通过选择器和声明块定义元素样式规则选择器包括元素选择器类选择器ID选择器属性选择器和伪类选择器声明块包含在大括号内由属性和值组成颜色值有名称十六进制RGB和RGBA尺寸单位包括像素em百分比和无单位数字字体属性控制字体显示CSS注释使用斜杠星号包裹规则是特殊指令如importmedia和keyframes层叠性决定规则优先级继承性使子元素继承父元素样式盒模型是布局基础包含宽高边距边框等布局属性控制元素显示和定位响应式设计使用相对单位和媒体查询CSS变量存储重复使用值预处理器扩展语法浏览器前缀兼容不同浏览器模块化组织代码性能优化考虑选择器效率和重绘问题

CSS最早由Håkon Wium Lie于1994年提出用于解决HTML样式分离问题1996年W3C发布CSS1规范提供基础样式控制功能但浏览器支持有限1998年CSS2引入定位模型和媒体类型实现内容与表现分离但存在严重兼容性问题2001年起CSS3采用模块化开发策略陆续推出选择器模块边框背景模块和动画模块等2017年CSS Grid与Flexbox共同构成现代布局体系变量引入增强了CSS动态性近年来Houdini项目开放底层API嵌套规则简化代码结构颜色函数和容器查询等新特性持续扩展CSS能力边界

CSS是一种样式表语言用于控制HTML或XML文档的视觉表现通过选择器和属性实现内容与样式的分离其基本语法由选择器和声明块组成核心作用包括分离内容与表现实现响应式设计创建动画效果CSS选择器分为基础选择器和组合选择器包含伪类和伪元素盒模型分为标准模型和替代模型布局系统从传统方式演进到Flexbox和Grid现代CSS引入预处理器自定义属性和新特性如容器查询级联层颜色函数同时CSS能与JavaScript交互通过类名切换或CSSinJS方式实现动态样式CSS性能优化涉及选择器效率和渲染性能优化