CSS
##
一些属性
- position
- static
- relative：相对定位，会根据它本来的位置进行位置的变动（top，left……）
- absolute：根据“最近的非 static 祖先元素”
- fixed：固定定位，经常用在滚动屏幕上，其他内容还在滚动，再 fixed 仍在“原处”
- sticky：粘性定位，类似绝对定位和固定定位差不多
- flex：阮一峰 Flex 布局教程：语法篇 + 阮一峰 Flex 布局教程：实例篇
- display
*zoom:1;作用：设置或检索网页缩放比例，一般给低版本的 ie 做兼容情况下，使用（https://www.cnblogs.com/lizm166/p/9430493.html）- tabindex：a 标签下的，用键盘 tab 键可以聚集在此（https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/tabindex）
- aria-label：给当前元素加描述，不可视的，
- aria-hidden=”true”：用于屏幕阅读器的，帮助残障人士更好的访问网站，通过隐藏一些不必要的内容，来优化阅读
单位
- rpx：微信小程序
二、CSS
- 选择器
- CSS 引入：外部引入、内部引入
<style>、内联引入 - 层叠：自身覆盖赢自身
- 优先级：类赢标签选择器
!important无视一切
- 继承：比如页面继承自 body，除非自身得标签单独设置
- 属性和值
- 函数
width: calc(90% - 30px);transform: rotate(0.8turn)
@rules符号：引入其他的样式表、判断 media 情况查看是否可以将媒体查询添加到 CSS 中，该查询将根据视口宽度更改样式。更改浏览器窗口的宽度以查看结果。- 速记属性
- 注释：用“—-”来定位
盒模型
display: flex;将块级盒子（block box）编程内联盒子（inline box）display: block;把内联盒子换成块级盒子display: inline;将其编程内联盒子display: inline-flex;
背景和边框
溢出
处理在盒模型当中内容太多溢出的情况
