by1314 - 博客园

2024年4月2日

摘要：验证给父元素加上border，不会出现 margin 塌陷问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init 阅读全文

posted @ 2024-04-02 16:09 by1314 阅读(31) 评论(0) 推荐(0)

CSS 定位

摘要：相对定位相对定位相对的是自己原来的位置，开启相对定位的元素并没有脱离文档流，可以超出父容器的大小，与 float 区分有四个属性值：left、bottom、right、top 左和右不能同时用，同时用时左生效；当一个元素右定位属性，这个元素的层级高于普通的元素；当两个元素都开启定位时，采用后阅读全文

posted @ 2024-04-02 16:09 by1314 阅读(27) 评论(0) 推荐(0)

2024年3月30日

7. CSS 的浮动

摘要：浮动文字环绕图片 imag{float: left;} 文字环绕文字使用伪元素选择器选出第一个元素，然后加一个float属性浮动特点：元素浮动之后脱离了原规则浮动之后，宽与高默认被内容撑开，可以自己设置浮动后与其他元素共用一行，按照 3D 角度想，浮动的元素是飘起来的浮动的元素可以设置阅读全文

posted @ 2024-03-30 23:50 by1314 阅读(23) 评论(0) 推荐(0)

2024年3月28日

CSS 空白问题汇总

摘要：元素之间的空白问题行内元素、行内块元素，彼此之间的换行会被浏览器解析为一个空白字符去除换行和空格给父元素 font-size: 0 再给需要显示的元素单独设置大小行内块元素的空白问题行内块元素与文本的基线对齐，基线不是最底端，故有一定的距离解决：给行内元素设置vertical，值不为b 阅读全文

posted @ 2024-03-28 22:54 by1314 阅读(29) 评论(0) 推荐(0)

使用 CSS 布局小技巧

摘要：行内元素、行内块元素，可以被父元素当作文本处理例如：下列可以用于上述元素，text-align,line-height,text-indent 如何让子元素，在父亲中水平居中若子元素是块元素，给父元素加上margin:0 auto; 若子元素是行内元素、行内块元素给父元素加上text-align 阅读全文

posted @ 2024-03-28 22:53 by1314 阅读(19) 评论(0) 推荐(0)