![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS学习
索多玛底层魔怔人
また会いましょう 約束だから —灰の魔女
展开
-
[记录]-CSS中的外边距合并问题
外边距合并:当两个块级元素的垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。只有普通文档流中块的垂直外边距才会发生外边距合并。浮动框或绝对定位之间的外边距不会合并。解决方法:当一个块元素中嵌套另一个块元素,而想让子块元素距离它的父元素有一定的上边距时,可以给它的父元素设置padding-top解决,或者给父元素设置overflow:hidden解决。...原创 2021-12-08 21:12:19 · 96 阅读 · 0 评论 -
[记录]-块元素、行内元素的区别与行内块元素
块级元素和行内元素的特点:(1)块级元素独占一行,行内元素在同一行显示。(2)块级元素默认宽度为100%(相对父容器),行内元素宽度默认由内容撑开。(3)会计元素可以设置宽高,行内元素设置宽高不生效。(4)块级元素可以设置margin和padding的四周,行内元素只能设置margin和padding的左右方向。行内块元素是兼具上述两者特点的元素:(1)和相邻行内元素在同一行,但是之间会有空白缝隙。(2)默认宽度是他本身内容的宽度。(3)宽度、高度、行高、margin以及pa原创 2021-12-04 12:13:14 · 321 阅读 · 0 评论 -
[记录]-关于行内元素在浮动后可以设置宽高的思考
平时经常给<a><span>这样的行内元素设置浮动float:left or float:right,浮动了之后还可以给它们设置高度啊宽度啊。这点大家都知道,但是为什么呢?为什么行内元素在浮动之后就可以设置高宽了呢。 引用下曹刘阳写的《编写高质量代码-Web前端开发修炼之道》一书中看到的一句话:position:absolute和float会隐式地改变display类型,不论之前什么类型的元素(display:none除外),只要设置了position:absolute 、 f原创 2021-11-10 23:21:26 · 872 阅读 · 0 评论 -
[记录]-CSS中的定位-子绝父相
初学者在学习CSS中定位的使用时,往往遵循子绝父相的原则。这样的设置用于我们需要让某个子元素相对父元素进行绝对定位布局。例如:<style> .header { position: relative; height: 105px; background-color: pink; } .logo { position: absolute; top: 25px; left:原创 2021-10-28 17:30:01 · 597 阅读 · 0 评论 -
[记录]-DIV内文字的居中
DIV中的文字水平居中显示要使盒子内的文字水平居中,最常规的方法是对该div的文字套上span标签,然后设置margin属性:上下固定、左右自适应。(需要注意的是,span是行内元素,只能设置margin的左右方向,上下方向是不生效的)<style> .w { width: 1200px; } .w span { margin:0 auto; }</style><body> <原创 2021-10-27 22:35:09 · 459 阅读 · 0 评论 -
[转载]-CSS清除浮动:clearfix:after
.clearfix:after { visibility: hidden; clear: both; display: block; content: "."; height: 0}.clearfix { *zoom: 1}解释:在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。这个clearf.转载 2021-10-25 21:52:55 · 152 阅读 · 0 评论