摘要：
(目录) 方法一：使用flex布局 将父元素的display属性设为flex、justify-content和align-items属性都设为center，可以让子元素在父元素内水平垂直居中显示。如果希望父元素覆盖整个浏览器视口，可以将父元素的高设置为100vh、宽设置为100vw（css3规定1v 阅读全文
摘要：
当我们给img标签加上固定的宽和高时，img标签中的图片会默认被拉伸变形，如图： <body> <img src="./demo.jpg" alt=""> <style> img{ width: 300px; height: 150px; } </style> </body> 图1-给img元素加上 阅读全文
摘要：
line-height属性是很常用的css属性，可以用它来设置文字的行高，但是不允许使用负值。 line-height属性的可用属性值 1.line-height: normal 默认值。文字会默认有一个合理的行间距。 2.line-height: number 属性值可以是一个数字，该数字与字体尺 阅读全文
摘要：
三种方法去除img标签自带外边距。 <div id="img"> <img src="./img.jpg" alt="" srcset=""> </div> <div id="bottom"></div> <style> #img img{ height: 100px; } #bottom{ wid 阅读全文
摘要：
给第一个子元素设置margin-top上外边距时，父元素总会跟着向下移动。 <div id="parent"> <div id="son"></div> </div> <style> body{ margin: 0; padding: 0; background-color: grey; } #pa 阅读全文