暂未配置
CSS的由来
一、早期网页的困境
在HTML诞生初期,网页只负责承载文字、段落、标题这些内容结构。
人们把字体颜色、字号、背景、排版样式全都写在HTML标签里,用大量的font标签、属性写样式。
代码臃肿杂乱,结构和样式混在一起,一旦想要全站更换配色或者字体,就要一页一页修改所有页面,维护极其麻烦,代码难以管理。
二、CSS的诞生
为了解决样式与结构混杂的问题,W3C组织制定了独立样式表规范:
CSS,全称层叠样式表(Cascading Style Sheets),1996年 CSS1 正式发布。
它的核心思想很简单:
HTML 只写内容结构,CSS 单独写外观样式,两者分离开。
你可以把所有的颜色、间距、圆角、布局动画,统一写到单独的css文件里,全站页面共用一份样式文件,修改一次,全站生效。
三、版本迭代
- CSS1(1996):基础功能,字体、颜色、段落排版。
- CSS2(1998):增加浮动布局、定位,网页开始有多样化排版。
- CSS2.1:过渡稳定版本,长久被广泛使用。
- CSS3:拆分模块化发展,增加圆角、阴影、渐变、弹性布局Flex、网格Grid、动画、过渡、媒体自适应(移动端适配),也就是我们现在写网页所用的版本。
四、CSS的“层叠”含义
Cascading 层叠,代表样式可以多层叠加:
外部样式文件 + 页面内样式 + 行内样式,层层生效,权重高的样式会覆盖低权重样式,这也是它名字的由来。
五、分工总结
- HTML:骨架(内容结构)
- CSS:皮肤(视觉美化、布局排版)
- JS:动作(交互、动态效果)
CSS的出现,解决了早期网页样式混乱、难以维护的痛点,让前端开发有了清晰的分层思想,也是现在所有网页、博客、主题美化的基础。
精简短版(适合随笔/关于页面)
CSS 全称层叠样式表,诞生于1996年。早期网页将样式混杂在HTML标签中,代码臃肿且难以批量修改。为了分离页面结构与视觉样式,W3C推出CSS,把颜色、布局、圆角、字体等外观代码独立出来,实现一份样式全局复用。经过CSS1~CSS3的迭代,新增了弹性布局、动画、自适应等能力,成为网页美化的核心语言,和HTML、JS共同构成前端三大基础。
你可以直接复制进Typecho Markdown编辑器发布。
要不要我再补充一份:HTML + CSS + JS 三者通俗区别?