![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
转移2
王倔强
这个作者很懒,什么都没留下…
展开
-
树状结构与CSS定位
同级节点必须得有相同父级定位 position坐标属性(即只有开起定位后才起作用): top、left、bottom、right、z-index(z轴)绝对定位 absolute脱离文档流参照浏览器视窗左上角相对定位 relative不脱离文档流参照此元素元位置(即这个元素原来的位置)固定定位 fixed脱离文档流参照浏览器视窗与整体文档流无关,只相对于当前视窗固定定位设置参照物给父级设置relative...原创 2022-02-19 19:13:42 · 247 阅读 · 0 评论 -
盒子模型和浮动布局(清除浮动)
元素实际大小width/height+border+padding设置box-size:border-box元素实际大小: width/heighthtml元素的分类块元素:可设置宽高,常见有ul、li、h1行内元素:不可,常见有a、span行内块元素:可,常见有img、input、button清除浮动利用一个空div设置clear:both属性伪元素清除浮动// 给浮动元素前后均加一个空盒子,并设置clear: both.clear::before,.clear::after{原创 2022-02-17 10:02:24 · 197 阅读 · 0 评论 -
第二常用选择器
层级+组合选择器.box1 h1,.box1 h2{}<style> .box1 h1,.box1 h2{ color: aquamarine; } </style></head><body> <div class="box1"> <h1>hello world</h1> <h2>hello</h2> </div> &l原创 2022-02-09 10:24:30 · 167 阅读 · 0 评论