by1314 - 博客园

2024年4月2日

摘要： ps: .item>.first{B}+h2{B$}*8 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial 阅读全文

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

浮动练习

摘要：验证给父元素加上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 阅读(52) 评论(0) 推荐(0)

CSS 定位

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

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

2024年3月30日

7. CSS 的浮动

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

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

2024年3月28日

CSS 空白问题汇总

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

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