css布局
关注
分享
扫一扫
漆黑中的空白
这个作者很懒，什么都没留下…
展开
-
CSS的浮动布局
浮动布局都是老生长谈了，不可否认，这是一个不错的水平布局模式，经常用到。但是呢，这个浮动布局常见的高度塌陷问题是需要解决的。 什么是高度塌陷？ 没有设置浮动布局和父元素高度的情况下，父元素的高度由子元素决定（自动撑起）。如果子元素浮动了，就脱离了文本流，父元素高度就变小了（塌陷），这时候下面的元素就自动上移——这就是高度塌陷。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2021-09-09 19:58:16 · 123 阅读 · 0 评论 -
CSS选择器的使用
罗列原创 2021-09-08 20:03:59 · 110 阅读 · 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 · 89 阅读 · 0 评论 -
CSS常用的定位布局
1.静态布局 这个没什么好说的，没有设置其他定位，创建的块级元素，默认的就是静态布局——position: static; 在文档流/标准流中。 2.相对定位 相对定位就是相对于自己以前在标准流中的位置来移动 ——position: relative; 在文档/标准流中。相对定位，移动了位置会在原来的位置上留下空间，不会在移动后的位置留下空间，可以利用top,right,bottom,left 来进行移动。 <!DOCTYPE html> <html lang="en">原创 2021-09-02 20:04:04 · 160 阅读 · 0 评论