Forever

Do one thing at a time, and do well.

CSS之元素类型转换和常用单位

<!–元素类型转换–>
<!–任何元素都可以进行类型转换,元素类型之间可以相互转换–>
<!–元素类型转换不会影响元素自身的性质–>

<!–1.转块级元素display: block;–>
<!–2.转成行级元素display: inline;–>
<!–2.转成行内块级元素display: inline-block;–>


<!–元素显隐–>
<!–1. 元素隐藏:display: none;
页面结构仍然存在
元素所占空间会被隐藏–>
<!–2.元素显示
display: block;块级元素显示
display: inline;行级元素显示
display: inline-block;行级元素显示–>


<!–常用尺寸单位:–>
<!–像素:px
1.屏幕上的一个点作为单位,稳定精确
2.用得最多的尺寸单位–>

<!–em单位–>
<!–1.em是以自身字体大小作为参考,是自身字体大小的倍数–>
<!–2.当自身字体大小改变时,em会跟着改变–>

<!–rem单位–>
<!–1.rem是以根元素(html元素)字体大小作为参考,是根元素字体大小的倍数–>
<!–2.当根元素字体大小改变时,rem会跟着改变–>

<!–%单位–>
<!–1.%是以父元素作为参考,是父元素的百分比–>
<!–2.当父元素改变时,使用%作单位的子元素会跟着改变–>

点赞

发表评论

邮箱地址不会被公开。 必填项已用*标注