标签：CSS

CSS3基础学习

<p>系统讲解CSS3基础知识，涵盖三种引入方式、基本与复合选择器、伪类与伪元素、层叠性与选择器权重计算，并结合大量示例演示样式优先级冲突的处理方法，适合前端入门者快速建立CSS知识体系。</p>

CSS文字属性与继承性

<p>介绍CSS文本与字体属性的常用设置，包括颜色、字号、行高、文本装饰、字体族及开源字体引入方式，并深入讲解继承性及其就近原则，帮助理解文本样式在页面中的传递与冲突处理。</p>

CSS盒子模型

<p>详细讲解CSS盒模型，包括width、height、padding、border、margin的含义与用法，分析margin塌陷、盒子水平居中、box-sizing内缩与外扩，以及行内元素、块级元素与display属性的区别。</p>

CSS浮动与定位

<p>全面讲解CSS浮动与定位，涵盖浮动顺序贴靠、网页布局实战、BFC规范与清除浮动多种方案，以及相对定位、绝对定位、固定定位、z-index堆叠顺序和轮播图等实际案例。</p>

CSS边框、圆角与盒子阴影

<p>介绍CSS边框的线宽、线型、颜色三要素及四个方向边框的设置，讲解border-radius圆角以px和百分比实现的差异，并演示box-shadow基本阴影、延展、内阴影与多阴影效果。</p>

CSS背景与渐变

<p>系统讲解CSS背景相关属性，包括背景颜色、背景图片、重复模式、尺寸、裁切、附着方式与位置定位，并介绍CSS精灵图优化技巧以及线性渐变和径向渐变的实现方法。</p>

CSS 2D与3D转换

<p>讲解CSS的2D变形与3D转换，涵盖rotate旋转、scale缩放、skew斜切、translate位移，以及perspective透视、rotateX/Y轴旋转和空间平移，并通过正方体案例演示3D效果。</p>

CSS过渡与动画

<p>介绍CSS过渡与动画特性，包括transition各属性、缓动速度曲线、@keyframes关键帧定义、animation动画调用与多关键帧，并结合图片信息显示、图标旋转、3D翻面等实战案例。</p>

CSS响应式布局

<p>介绍CSS响应式布局的核心手段@media媒体查询，讲解viewport视口设置、IE兼容脚本加载以及屏幕宽度区间样式的写法，帮助网站适配移动端等不同尺寸设备。</p>

CSS进阶之Sass

<p>介绍CSS预处理器Sass的基础用法，包括scss文件编译、变量定义、颜色深浅处理、嵌套与文件拆分引入，以及@mixin与@include配合媒体查询简化响应式样式的技巧。</p>