![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 92
mayue24
这个作者很懒,什么都没留下…
展开
-
CSS的那些魔幻属性
css中有一些你不注意的冷知识 ,但往往是这些你不注意的冷知识,却阻止我们的项目进度,如果你看了,我相信你也会从中有所受益为什么此处li标签内的p元素看起来独自撑开了一行代码如下:<ul> <li class="left"> <p style="display: inline-block;">这是一个很撑很撑的发的发发发送达方式的地方非地...原创 2018-07-08 17:40:50 · 219 阅读 · 0 评论 -
你不知道的 flex 布局
网页的布局是css的一个重点应用,布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。但是对于一些特殊的布局就不是那么好实现了。在2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。接下来详细介绍下flex布局。一、f...原创 2018-07-09 14:34:17 · 205 阅读 · 0 评论 -
常见的响应式布局解决方法
由于设备的分辨率不同,我们就用响应式布局来解决设备分辨率不同的问题,常见的解决方法有px视口、媒体查询、百分比、rem、和vw/vh等方法来实现响应式布局。接下来介绍下个种方法。一、px和视口在静态网页中,我们经常用像素(px)作为单位,来描述一个元素的宽高以及定位信息。在pc端,通常认为css中,1px所表示的真实长度是固定的。那么什么是像素?像素是网页布局的基础,一个像素表示了计算机屏幕所能显...原创 2018-07-03 09:34:22 · 4550 阅读 · 0 评论 -
CSS基础面试题(附答案)
1、用纯css创建一个三角形的原理是什么?首先,需要把元素的宽高设置为0,然后设置边框样式。width: 0;height: 0;border-top: 40px solid transparent;border-left: 40px solid transparent;border-right: 40px solid transparent;border-bottom: 40p...原创 2018-07-06 08:54:55 · 2233 阅读 · 0 评论