一、核心前提：弹性盒子的基本结构要定义主轴方向，首先需明确弹性盒子的两大核心角色：弹性容器（Flex Container）：给父元素设置 display: flex; 或 display: inline-flex; 后，该元素即为弹...

1. 布局核心原则语义化优先：用HTML5语义标签定义结构，替代无意义的div堆砌，提升代码可读性、SEO效果和无障碍访问体验。响应式适配：网页能自动适应不同设备屏幕尺寸和分辨率，核心是“一次开...

CSS Grid也就是（网格布局）是二维布局系统，可同时控制行和列，轻松实现复杂页面布局（比 Flex 更强大，Flex 是一维），是现代网页布局的首选。 一、分类 容器（Grid Container）：设置 disp...

背景渐变在css中，可以通过linear-gradient线性渐变或者radial-gradient倾向渐变为元素添加渐变背景，这样的渐变操作可以让盒子更加美观，更吸引用户线性渐变：方向可以是方位名词，也可以是deg...

表格表格的作用就是可以以结构方式展示行列数据，可以使信息更加的清晰，并易懂方便对比，主要用于数据的展示或者后台管理系统的信息展示表格的基本组成：首先是table，它是表格的容器标签也是...

弹性盒子（Flexible Box，简称 Flexbox）是 CSS引入的一种一维布局模型，他专注于解决元素在单个维度（行或列）上的排列、对齐和空间分配问题，相比传统的浮动、定位布局，更简洁、灵活且易于维...

CSS 三大特性（核心原理）相同选择器设置相同样式：后面样式覆盖前面相同选择器不同样式：全部叠加生效 2. 继承性文字类样式会自动继承，布局类样式不会继承3. 优先级权重从低到高： 通配符 &...

本期可以让我们学会使用Xmind梳理知识大纲体系，可以让思路更加清晰选择器分为基础选择器，关系选择器，分组选择器，伪类选择器等等，而我们这次学习是下载一个Xmind软件，在里面可以选择分类模...

字体图标是一种将图标以字体形式嵌入网页的技术，允许开发者像使用文字一样通过CSS控制图标的样式（比如颜色，大小，阴影等）通常使用在导航菜单图标，按钮操作图标，结合动画效果优势也很明显...

表单控制，input，单选框和复选框，radio属性是单选框，checkbox是复选框，而checked的意思是是否被选中这种代码就可以生成性别选取的按钮，然后使用value表单值来设定男为1，女为0，从而发送给...