![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
流畅易懂CSS
文章平均质量分 79
让CSS的学习更流畅丝滑,也许不一定有趣,但是尽可能让你阅读起来不会觉得晦涩难懂。
阿里灵灵
这个作者很懒,什么都没留下…
展开
-
流畅易懂CSS教程·视口单位·vh·vw
视口单位vh·vw弹性布局常使用这个单位性质首先我们要了解,什么是视口?视口,可以简单的理解为用于展示页面的整个区域。如上面图所示,整张图是一个浏览器,而红框的位置用于展示页面,而这个区域就是视口。而手机端也类似,用于展示页面的屏幕区域就是视口。vh·vw而vh分别指视口的高,指view height,vw指视口的宽,称为view weight。具体使用如下图所示,vh and vw:相对于视口的高度和宽度,而不是父元素的(CSS百分比是相对于包含它的最近的父元素的高度和宽度)原创 2021-12-28 20:49:54 · 290 阅读 · 0 评论 -
流畅移动CSS教程·定位
定位通过定位,可以实现对元素更加精确的控制。引言网页中的元素都是有一个默认的排列顺序,比如块元素,也就是类似div之类的元素会自动占一行,同时所有元素会默认自上向下排列。首先我们看一下代码 <div> <div style="background: blue; height: 100px"></div> <div style="background: red; height: 100px"></div> &l原创 2021-12-26 20:10:00 · 680 阅读 · 0 评论 -
流畅易懂CSS教程·盒子模型
盒子模型CSS的基石,了解盒子模型才能了解元素的框架,然后才能正确的往元素上添加样式。https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizinghttps://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/The_box_model...原创 2021-12-25 13:16:59 · 165 阅读 · 0 评论