css
TuMinQiang
这个作者很懒,什么都没留下…
展开
-
纯css实现三角形
纯css实行三角形 1)将元素的宽高都设置为0。 2)只设置border属性。 3)把任意三条边隐藏掉(颜色设为 transparent),剩下的就是一个三角形。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-11-23 16:20:33 · 266 阅读 · 0 评论 -
css外边距塌陷问题
CSS外边距塌陷问题 CSS外边距塌陷问题主要有兄弟元素和父子元素的外边距塌陷: 兄弟元素: 解决方法: 给其中一个div一个父级的div,并设置overflow:hidden(BFC原理) 浮动/display:inline-block/绝对定位的元素不会与垂直方向上的元素发生外边距塌陷。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name原创 2020-11-22 15:58:57 · 421 阅读 · 5 评论 -
display:none和visibility:hidden
display:none和visibility:hidden的区别和联系: 联系:二者都是设置元素不可见 区别: display:none会使元素从整个DOM树中消失,渲染的时候不占据空间。设置了visibility:hidden的元素仍然在DOM树中占据空间,只是元素不可见。 display:none会使页面发生回流,visibility:hidden只是使此元素发生重绘。 display:none是非继承属性,子孙元素消失是因为父元素在DOM在中原创 2020-11-18 16:59:57 · 1237 阅读 · 0 评论 -
div的水平垂直居中
div的水平垂直居中 定位+margin:auto(子元素未知宽高不能实现水平垂直居中) <style> .out { width: 200px; height: 200px; background-color: yellow; position: relative; } .in { width: 100px; height: 100px; background-color: g..原创 2020-11-18 16:56:45 · 62 阅读 · 0 评论 -
清除浮动的常用方法
清除浮动常分为两种:兄弟级元素和父子级元素清除浮动 兄弟级元素清除浮动: 常采用添加空白元素的方法(添加的空白元素为块级元素): <style type="text/css"> * { margin: 0; padding: 0; } .one { width: 200px; height: 200px; background-color: yellow; } .two {原创 2020-11-07 16:23:24 · 752 阅读 · 0 评论