qq_43799743的博客

　　方法1：反向移动position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); 　　方法2：flex布局display:flex;align-items:center;justify-content:center;　　方法3：四向定位　　positi...

常见的布局方式有: 浮动布局、Position定位、弹性(flex)布局、table布局、网格(grid)布局。前提是左右宽度(假如左右宽度为100px),整个高度已知(假如高度为500px)，中间宽度自适应。1.浮动布局float的实际初衷仅仅使为了实现文字环绕问题。float的感性认知：包裹性： 收缩：元素应用了float后，宽度收缩，紧紧地包裹住内容（即元素的宽度收缩到元素内的内容的宽度大小 坚挺：原来没有高度，但元素应用了float后，元素的高度突然扩展到内容的高度.

自定义滚动条实现此部分针对webkit内核的浏览器，使用伪类来改变滚动条的默认样式，详情如下：滚动条组成部分1. ::-webkit-scrollbar 滚动条整体部分2. ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或向左向右移动）3. ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）4. ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，由于通过点击微调小方块的位置。

派生选择器也叫上下文选择器（CSS1），派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。比如，我想规定li标签中的img图像大小li img{ width: 20px; height: 10px;}id选择器比如我要将div元素背景定位红色<div id = "box", name = "aBox">我是一个盒子</div>#div{backgr.