隐藏元素的方法
摘要：
display：none display：block 不占位置 不支持动画 visibility：hidden visibility：visible 占位置 不支持动画 opacity:0 opacity:1 占位置 支持动画 宽高显隐动画 文字不换 阅读全文
posted @ 2023-07-22 16:18 pocsan 阅读(2) 评论(0) 推荐(0) 编辑
定位 position
摘要：
定位 position一共有五个属性值静态定位/相对定位/固定定位/绝对定位/粘性定位position: static/relative/fixed/absolute/sticky；利用top left right bottom 对元素进行position:relative相对样式需要配合left、 阅读全文
posted @ 2023-07-22 16:16 pocsan 阅读(13) 评论(0) 推荐(0) 编辑
透明色
摘要：
透明色透明色透明色透明色透明色透明色透明色透明色 opacity:0-10; 透明度 rgba（0，0，0，0） ；透明色 两者的区别opacity是整个盒子都透明了 背景色是颜色的透明 跟内容无关 filter：alpha（opacity=10）；//在ie8等低版本浏览器上显示兼容 阴影阴影阴影 阅读全文
posted @ 2023-07-22 16:16 pocsan 阅读(101) 评论(0) 推荐(0) 编辑
重绘和回流的概念
摘要：
重绘 ：颜色的改变 回流 ：布局的改变 回流必定引发重绘，重绘不一定会引发回流 回流的代价远大于重绘 hover 的使用一定会引发页面的重绘或者回流 使用hover做动画的时候 尽量不影响其他盒子 阅读全文
posted @ 2023-07-22 16:15 pocsan 阅读(13) 评论(0) 推荐(0) 编辑
子代选择器 结构伪类选择器
摘要：
包含选择器 后代选择器 包含的是后代 子代选择器 包含儿子 div>p 则只有儿子收到效果 ul li:first-child { color: red; } ul li:nth-child(2) { color: aqua; } ul li:nth-child(3) { color: yellow 阅读全文
posted @ 2023-07-22 16:14 pocsan 阅读(14) 评论(0) 推荐(0) 编辑
元素之间的相互转换
摘要：
1.dispaly:inline-block; 不确定宽度 在父元素加上 text-align: center; 分页 但是中间有间距 解决方法 中间不换行 加上注释 字间距设置为0 然后在li里面加上（解决代码换行产生的间距） 2.图片中空隙 可以设置两张图片的文字大小取消换行间隙 font-si 阅读全文
posted @ 2023-07-22 16:13 pocsan 阅读(72) 评论(0) 推荐(0) 编辑
元素类型
摘要：
1.块级元素 独占一行 可以做容器 盒子 2.内联元素 左右排列 不是盒子 子哦为辅助标签来使用 有很多属性显示不完整 3.行内块级元素 img input 可以支持宽高 左右排列 也叫行内块级元素 都有相应的bug 行内块和行内元素 换行都会与有空隙 4.搜索框的实现 获取焦点的时候 出现一个小黑 阅读全文
posted @ 2023-07-22 16:12 pocsan 阅读(5) 评论(0) 推荐(0) 编辑
浮动的问题
摘要：
浮动是有方向性的 后面一个浮动跟着前面一个浮动 浮动是脱离文档流半层的 清除浮动：清除浮动带来的影响 （解决高度塌陷的问题） 父元素加宽度 父元素加上overflow:hidden; 在浮动元素后面加一个空的div style="clear: both;" clear有这些属性 left right 阅读全文
posted @ 2023-07-22 16:12 pocsan 阅读(3) 评论(0) 推荐(0) 编辑
