【前端技术】CSS3 网页层叠样式表

CSS3 性能优化方面包括：减少重排和重绘、优化选择器、压缩 CSS 文件、使用硬件加速、懒加载资源等方面下手，来提升 CSS 性能，减少页面渲染时间，优化网页加载速度和响应性能。

CSS3 响应式设计可以通过 流式布局、弹性布局、网格布局、媒体查询、视口单位 等技术，使得 网页内容的 布局 和 样式 可以自动调整。

CSS3 新增特性包括 更精确的选择器、border-box 的替代盒模型、响应式布局中的弹性布局 和 二维的网格布局、有圆角、有渐变背景、有过渡 和 动画、有变形、有媒体查询，有自定义字体、有图片处

CSS 盒模型的大小计算，盒子的 width 和 height 含义，两个元素之间的盒模型变化，元素之间的外边距合并现象，padding 和 margin 对布局的影响，父子元素的盒模型变化，百分比

CSS 盒模型是说 “每个元素都可以被看作是一个矩形盒子”，它由内容、内边距、边框和外边距组成。CSS 的布局形式包括了：默认文档流布局、浮动布局、定位布局、弹性布局和网格布局组成。

CSS 是由于描述 HTML 文档外观和布局的 样式语言。它的引入方式有三种：内联样式（优先级高）、内部样式表、外部样式表（最常用）。选择器定位目标元素，包括了 基本选择器、组合选择、伪类选择器和伪元

我的 CSS3 进阶之路，包括：选择器、盒子模型、布局、CSS3 新特性、响应式设计、媒体查询、性能优化等