xuxiang946210

摘要： display：none display：block 不占位置 不支持动画 visibility：hidden visibility：visible 占位置 不支持动画 opacity:0 opacity:1 占位置 支持动画 宽高显隐动画 文字不换 阅读全文

摘要： 定位 position一共有五个属性值静态定位/相对定位/固定定位/绝对定位/粘性定位position: static/relative/fixed/absolute/sticky；利用top left right bottom 对元素进行position:relative相对样式需要配合left、 阅读全文

摘要： 透明色透明色透明色透明色透明色透明色透明色透明色 opacity:0-10; 透明度 rgba（0，0，0，0） ；透明色 两者的区别opacity是整个盒子都透明了 背景色是颜色的透明 跟内容无关 filter：alpha（opacity=10）；//在ie8等低版本浏览器上显示兼容 阴影阴影阴影 阅读全文

摘要： 重绘 ：颜色的改变 回流 ：布局的改变 回流必定引发重绘，重绘不一定会引发回流 回流的代价远大于重绘 hover 的使用一定会引发页面的重绘或者回流 使用hover做动画的时候 尽量不影响其他盒子 阅读全文

摘要： 包含选择器 后代选择器 包含的是后代 子代选择器 包含儿子 div>p 则只有儿子收到效果 ul li:first-child { color: red; } ul li:nth-child(2) { color: aqua; } ul li:nth-child(3) { color: yellow 阅读全文

摘要： 1.dispaly:inline-block; 不确定宽度 在父元素加上 text-align: center; 分页 但是中间有间距 解决方法 中间不换行 加上注释 字间距设置为0 然后在li里面加上（解决代码换行产生的间距） 2.图片中空隙 可以设置两张图片的文字大小取消换行间隙 font-si 阅读全文

摘要： 1.块级元素 独占一行 可以做容器 盒子 2.内联元素 左右排列 不是盒子 子哦为辅助标签来使用 有很多属性显示不完整 3.行内块级元素 img input 可以支持宽高 左右排列 也叫行内块级元素 都有相应的bug 行内块和行内元素 换行都会与有空隙 4.搜索框的实现 获取焦点的时候 出现一个小黑 阅读全文

摘要： 浮动是有方向性的 后面一个浮动跟着前面一个浮动 浮动是脱离文档流半层的 清除浮动：清除浮动带来的影响 （解决高度塌陷的问题） 父元素加宽度 父元素加上overflow:hidden; 在浮动元素后面加一个空的div style="clear: both;" clear有这些属性 left right 阅读全文

摘要： 1.块级标签支持所有的css属性 2.行内块有一些属性不支持 写了也没用 不支持宽高 margin padding等属性显示有问题 3.margin-top的传递问题 4.行内标签 什么时候用 文字左右排列的时候使用 3.浮动导致父元素高度塌陷 （直接给父元素高度，也可以写overflow: hid 阅读全文

摘要： background-image ：url（）通常情况下会平铺 background-repeat ：no-reqeat 平铺分为x和y background-position：-20px -50px ； background-position：50% 50% ； background-positi 阅读全文