前言 伪类选择器在CSS中起到的作用可以说是至关重要的，如果CSS没有伪类选择器，有很多效果都要借助js来完成，这样不仅代码量增加，维护起来你难度也大。这样程序员的工作量大，也违背了CSS诞生的作用，就是提高…

目录 （一）CSS的发展历史 （二）CSS的作用 （1）CSS概述 1.CSS样式 2.CSS语法 (三）CSS的添加方法 （1）行内 （2）内嵌样式 (3)单独文件 &#xf…

目录 一.CSS是什么？ 1.1 语法规范 二. 引入方式 2.1 内部样式 2.2 行内样式（内联样式） 2.3 外部样式 三、选择器 3.1. 基础选择器: 单个选择器构成的 3.1.1.标签选择器 3.1.2.类选择器， 3.1.3 id选择器 3.1.4.通配符选…

目录 CSS定义 CSS引入方式 选择器 文字控制属性 复合选择器 后代选择器 子代选择器 并集选择器 交集选择器 伪类选择器 CSS特性 继承性 层叠性 优先级 叠加计算规则 Emmet写法 背景属性 补充 object-fit 显示模式 转换显示模式 结构伪类选择器 公式写法 …

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 1、交错动画 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将动…

一.什么是CSS3 CSS3是Cascading Style Sheets的第三个版本，是一种用于描述文档样式的语言（CSS3是CSS（层叠样式表）技术的升级版本）。它是前端开发中用于控制网页布局和样式的技术之一。CSS3引入了许多新的特性和功能&a…

文章目录 CSS 网站布局页眉导航栏内容不等列页脚响应式网站布局 总结 CSS 网站布局 网站布局 网站通常分为页眉、菜单、内容和页脚： 有大量不同的布局设计可供选择。但是，上面的结构是最常见的结构之一 页眉 页眉通常位于网站顶部（或顶部导…

本质：用 CSS 来摆放盒子模型，摆放到相应位置 CSS 提供了三种传统布局方式：普通流(标准流) 浮动 定位 一、标准流 标签按照规定好默认方式排列 1. 块级元素会独占一行，从上向下顺序排列。常用元素：div、hr、p、h1~h6、…