![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css布局
漆黑中的空白
这个作者很懒,什么都没留下…
展开
-
CSS的浮动布局
浮动布局都是老生长谈了,不可否认,这是一个不错的水平布局模式,经常用到。但是呢,这个浮动布局常见的高度塌陷问题是需要解决的。 什么是高度塌陷? 没有设置浮动布局和父元素高度的情况下,父元素的高度由子元素决定(自动撑起)。如果子元素浮动了,就脱离了文本流,父元素高度就变小了(塌陷),这时候下面的元素就自动上移——这就是高度塌陷。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2021-09-09 19:58:16 · 95 阅读 · 0 评论 -
CSS选择器的使用
罗列原创 2021-09-08 20:03:59 · 96 阅读 · 0 评论 -
CSS的引入方式
我们来看一下引入css样式的方法有哪些。 1.内联样式(行内样式) <div style="color:red">设置文字的颜色为红色</div> 优先级较高,但是代码冗余,也不利于寻找修改,不方便后期维护 2.内部样式表 <style type="text/css"> p{ color:red; background-color:yellow; } </style> 样.原创 2021-09-08 14:41:56 · 67 阅读 · 0 评论 -
CSS常用的定位布局
1.静态布局 这个没什么好说的,没有设置其他定位,创建的块级元素,默认的就是静态布局——position: static; 在文档流/标准流中。 2.相对定位 相对定位就是相对于自己以前在标准流中的位置来移动 ——position: relative; 在文档/标准流中。相对定位,移动了位置会在原来的位置上留下空间,不会在移动后的位置留下空间,可以利用top,right,bottom,left 来进行移动。 <!DOCTYPE html> <html lang="en">原创 2021-09-02 20:04:04 · 138 阅读 · 0 评论