css
识得唔识得啊
这个作者很懒,什么都没留下…
展开
-
rem的使用及踩过的坑
1.rem是蛤子?rem是css的一个单位。这个单位代表相对于根元素的 font-size 大小(例如 font-size <html> 元素)。当用在根元素的font-size上面时 ,它代表了它的初始值(译者注:默认的初始值是html的默认的font-size大小,比如当未在根元素上面设置font-size大小的时候,此时的1rem==1em,当设置font-size=2rem的时候,就使得页面原创 2017-03-08 09:46:08 · 1650 阅读 · 0 评论 -
css居中
1.单行内垂直居中 height=line-height优点:适合在所有浏览器,没有足够空间时,内容不会被切掉缺点:仅适合应用在文本和图片上,并且这种方法,当你文本不是单行时,效果极差,差到让你感到恶心。这种方法对运用在小元素上是非常有用的,比如说让一个button、图片或者单行文本字段。原创 2017-03-09 09:08:00 · 275 阅读 · 0 评论 -
a标签中使用img后的高度多了几个像素
a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认vertical-align是baseline的,而且往往因为上文line-height的影响,使它有个line-height,从而使其有了高度,因为baseline对齐的原因,这个匿名盒子就会下沉,往下撑开一些距离,所以把a撑高了。解决办法一是消除掉匿名盒子的高度,也就是给a设置line-height:0或font-size:0;解决原创 2017-03-09 09:33:51 · 427 阅读 · 0 评论 -
clearfix清除浮动最佳实践
两种方法,不兼容ie8以下原创 2017-03-07 13:36:15 · 375 阅读 · 1 评论 -
css常用字体速查
苹方苹方简体font-family: PingFangSC-Regular, sans-serif;font-family: PingFangSC-Ultralight, sans-serif;font-family: PingFangSC-Light, sans-serif;font-family: PingFangSC-Thin, sans-serif;font-family: Pin原创 2017-05-03 14:35:34 · 687 阅读 · 0 评论 -
网页图片缩放的深入剖析
图片缩放问题困扰我许久了,贼鸡儿烦,今天彻底解决这个东西。一、浏览器图片缩放默认表现行为行为在想出解决方案之前,首先要弄清楚浏览器对于图片尺寸是怎么处理的,稍安勿躁,一步一步来分析下。 一个图片可以改变成任意尺寸,容器是80%:<div> <img src="https://dummyimage.com/600x400/000/fff" alt="Norway"></div>不加任何属性:i原创 2017-06-02 11:41:47 · 622 阅读 · 0 评论