HTML+CSS

浏览器默认无法识别小于1像素，可以用transform:scale来修改缩放和用transform-origin改变线条模糊度

### CSS部分 ``` * { padding: 0; margin: 0; } .box { width: 300px; height: 300px; background-color: red

动画基本实现 使用 from...to 定义动画 使用 百分比 定义动画 使用动画 案例 from...to 案例 百分比 使用animation相关属性控制动画执行过程 属性 作用 取值 anima

位移 ​ 语法： ​ transform:translate3d(x,y,z); ​ transform:translateX(值); ​ transform:translateY(值); ​ tra

一、线性渐变（向下/向上/向左/向右/对角线） 使用background-image: linear-gradient实现渐变背景效果 css语法 方向： 在关键字 to 后面加上 top、botto

位移 语法 transform: translate(水平移动距离,垂直移动距离); 取值（正或负） 像素单位（px） 百分比（%） x轴正向为右，y轴正向为下 translate()如果只给一个值，

## 过渡 - 作用：让元素的样式慢慢的变化，常配合hover使用，增强网页交互体验 - 属性名：`transition` - 常见取值： | 参数 | 取值 | |:--:|:--:| | 过渡的属

文字阴影 作用：给文字添加阴影效果 属性名：text-shadow 取值： 参数 作用 h-shadow 必须，水平偏移量。允许负值 v-shadow 必须，垂直偏移量。允许负值 blur 可选，模糊

链接伪类选择器 选择器语法： 选择器语法 功能 a:link { } 选中a链接 未访问 的状态 a:visited { } 选中a链接 访问之后 的状态 a:hover { } 选中 鼠标悬停 的状

## 元素本身隐藏 - 场景：让某元素本身在屏幕中不可见。如：鼠标：hover之后元素隐藏 - 常见属性： - visibility：hidden - display：none - 区别： - **v

1.垂直对齐方式 vertical-align 属性设置一个元素的垂直对齐方式。 属性值 效果 baseline 默认，基线对齐 top 顶部对齐 middle 中部对齐 bottom 底部对齐 什么

介绍静态定位static、相对定位relative、绝对定位absolute、固定定位fixed。定位偏移值

含义：清除浮动带来的影响 原因：子元素浮动后脱标→不占位置 目的：需要父元素有高度，从而不影响其他网页元素布局

浮动的代码 属性名：float 属性值： 属性名 效果 left 左浮动 right 右浮动 浮动的特点 浮动元素会脱离标准流，在标准流中不占位置（相当于飘起来了） 浮动元素比标准流高半个级别，可以覆

结构伪类选择器--查找单个 1. 作用与优势 2.选择器 选择器 说明 li:fist-child { } 匹配父元素中第一个子元素，并且是 li 元素 li:last-child { } 匹配父元素

盒 子 模 型 的 介 绍 盒子概念 页面中的每一个标签，都可以看做是一个“盒子”，通过盒子的视角更方便进行布局 浏览器在渲染网页时，会将网页中的元素看做是一个个的矩形区域，我们称之为盒子 盒子模型

优 先 级 优先级公式 继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important 注意 !important写在属性值的后面，分号前面。 !impo

一、块级元素          属性：display：block          显示特点： 独占一行（一行只能显示一个） 宽度默认是父元素的宽度，高度默认由内容撑开 可以设置宽高       代表

一、背景颜色 属性名：background-color 颜色取值：关键字、rgb表示法、rgba表示法、十六进制表示法...... 注意： 背景颜色默认值是透明：rgba(0,0,0,0)、trans

一、后代选择器 语法：选择器1 选择器2 { css } 结果：在选择器1内找到选择器2并给选择器2设置样式 例：在选择器1（father）内找到所有选择器2（ p 标签），并给 p 标签设置红色，f