1.定位的应用场景
解决盒子与盒子之间的层叠问题
让盒子固定在盒子的某个位置
2.定位
（1）静态定位 position：static; 就是标准流
（2）相对定位 position：relative; 需要配合偏移量移动，相对于自己原来位置移动，不脱标
（3）绝对定位 position：absolute; 需要配合偏移量移动，相对于浏览器可视化区域移动，脱标不占位置
水平居中：1.子绝父相 2.left：50%；3.transform：translateX(-50%); 相对于父元素进行移动 width也是相对于父元素
水平垂直都居中：1.子绝父相 2.left：50%；3.transform：translate(-50%，-50%);
（4）固定定位 position：fixed; 需要配合偏移量移动，相对于浏览器可视化区域移动，脱标不占位置
定位在版心右侧：1.子绝父相 2.left：50%;浏览器宽度的一半 3.margin-left：父元素宽度的一半
定位在版心左侧：1.子绝父相 2.right：50%;浏览器宽度的一半 3.margin-lright：父元素宽度的一半
3.元素的层级关系
标准流<浮动<定位
语句：z-index：数字； z-index：2；
4.装饰
（1）垂直对齐方式 行内/行内块元素垂直居中
vertical-align：baseline；基线，默认对齐
vertical-align：top； 顶部对齐
vertical-align：bottom； 底部对齐
vertical-align：middle； 中部对齐 块元素和文字居中对齐
（2）光标类型
cursor：default； 默认值，通常是箭头
cursor：pointer； 小手效果，提示用户可以点击
cursor：text； 工字型，提示用户可以选择文字
cursor：move； 十字光标，提示用户可以移动
（3）边框圆角
显示正圆形：盒子必须是正方形，设置boder-radius：50%；（正方形盒子宽度和高度的一半）
显示胶囊形：盒子是长方性，设置boder-radius：50%；（长方形盒子高度的一半）
显示四个角都不同：boder-radius：px px px px；
（4）溢出隐藏
指的是盒子内容区域超出盒子范围的区域
overflow：visible； 默认值，溢出部分可以看见
overflow：hidden； 溢出（超出的）部分隐藏 想要把哪个元素截掉，就给他的父元素加
overflow：scroll； 超出去超不出去，都显示滚动条 上下左右都显示
overflow：auto； 超出去出现滚动条
了解内容：1.元素整体变透明 会让元素整体透明，包括里面的内容，如文字、子元素等
opacity 0-1之间的数字 1：表示完全不透明 0：表示完全透明
2.border-collapse：collapse； 边框合并
3.链接伪类选择器 a:link{} 选中a链接未访问过的状态
a:visited{} 选中a链接访问之后的状态
a:hover{} 选中鼠标悬停的状态
a:active{} 选中鼠标按下的状态
4.用CSS画三角形 上下左右边框设置值
用CSS画任意三角形 如果只画下三角形代码
border-top：100px soild transparent;
border-right：100px soild transparent;
border-bottom：100px soild blue;
border-left：100px soild transparent;
5.属性选择器 E[属性名]{}
权重是10 E[属性名=属性值]{}
649
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
