强调与注释crtl+/是注释块内元素和行内元素视频标签超链接布局标签列表标签表格标签表单控件

css选择器基础选择器关系选择器css文本样式登高案例：分组选择器状态伪类结构伪类表单伪类伪元素选择器属性选择器继承的权重为0，标题和链接有自带样式。所以继承父代需要注意。

圆形：高宽设置一样，border-radius设置50%胶囊：设置min(w,h)的一半内边距外边距这个是浏览器特盒子背景视觉滚动案例：背景渐变盒子影子盒子案例-淘宝导航字体图标iconfont精灵图a链接标签如果给了flex布局，可以直接设置宽带和高度

flex写在孩子身上，gap写在父亲身上多行百度图片案例横向用 flex 排列列；列内部不需要 flex，靠 a{display:block} 的默认纵向流把图片一张张往下叠。小兔鲜案例这段代码用一个 1000px 宽、相对定位且溢出隐藏的 .box 容器，放入 display:flex 的横向图片列表（每个 li 固定 200px 宽，图片自适应 100%）；上下用 ::before/::aft

文章目录 grid网格布局多列布局鼠标样式CSS书写顺序动画变换2D平移2D旋转2D缩放2D倾斜trasition进阶复合写法3D变换3D旋转3D透视3D位移 grid网格布局 多列布局 鼠标样式 CSS书写顺序 动画变换 2D平移 2D旋转 2D缩放 2D倾斜 trasition进阶 复合写法 3D变换 3D旋转 3D透视 3D位移

最后一个需要单写SVG动画svg是图片格式，通过高度宽度来进行修改clip-path(裁剪盒子）drop-shadow整体阴影视图时间线-animation-timeline

文章目录 CSS变量和函数移动端网页 CSS变量和函数 移动端网页

在 CSS 里，:before（现代写法是 ::before）是一个伪元素（pseudo-element），用于在某个元素的内容之前插入生成的内容。transform 是一个 CSS 属性，用于对元素进行变形操作，可以让元素进行 旋转、缩放、平移和倾斜等效果，而不改变元素的原始布局。取值可以是：thin（细）、medium（中等）、thick（粗）、或者具体的像素值（例如：1px, 2px 等）。

:before 和 ::after 是 CSS 伪元素（pseudo-elements），用来在一个元素的内容之前或之后插入虚拟的内容，而无需在 HTML 中添加额外标签。），而内容被它遮住了，给 body 或主要内容容器加上一个与头部高度相同的上边距或内边距 就能解决。autocomplete 是一个 HTML 属性，用于控制浏览器是否自动填充（自动补全）用户以前输入过的内容，例如用户名、邮箱、

当这个输入框 获得焦点（被点进来、正在输入）时，应用这段样式。也就是 用户正在操作这个 input 时的状态样式。