Your time is limited,
so don't waste it living someone else's life.

CSS

W3C标准盒模型及IE盒模型

Yakima阅读(352)评论(0)赞(0)

如果html文件头部没有有效地声明文件类型的话,IE6、7、8下的盒模型解析情况会跟W3C标准盒模型不一致,我们称之为IE盒模型。由于现在我们写html页面时都会在头部加上html5文档类型声明(<!DOCTYPE html>),所以...

CSS自定义属性(变量)

Yakima阅读(352)评论(0)赞(0)

:root在html文档里对应的就是html标签选择器,:root伪类和html标签选择器这两个的区别基本上就是前者的优先级更高一些。但是,那些--color是什么东西? 根据文档https://developer.mozilla.org...

rem-移动端响应式适配方案

Yakima阅读(336)评论(0)赞(0)

借助rem单位,我们可以实现移动端网页内元素随着屏幕宽度的改变而正相关地改变大小。假设美工提供的设计稿宽度为750px。那么你需要用类似下面这样的代码去动态修改html元素的font-size值,进而影响那些使用rem为单位的元素的大小。

1px像素解决方案

Yakima阅读(3455)评论(0)赞(0)

让边框的颜色靠近背景色(通常可以这么做,或者你也可以到打开下面这个地址,设置midpoints中点数为一个大于1的值,点击blend混合按钮后从palette调色板中选取你比较细喜欢的颜色:http://meyerweb.com/eric/...

-webkit-overflow-scrolling让iOS下页面滚动如丝般顺滑

Yakima阅读(890)评论(3)赞(0)

现象描述:给html元素设定了overflow: auto;后,当元素内部内容较多时会出现滚动条,这个滚动条在安卓机里滚动很正常,但是在iOS机里就显得很不丝滑了,滑哪停哪(iOS软件内嵌页面和iOS微信客户端内都存在这个现象)。经测试,在...

float

Yakima阅读(258)评论(0)赞(0)

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/float Summary The float CSS property specifies that an element ...

Layout mode

Yakima阅读(284)评论(0)赞(0)

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_mode A CSS layout mode, sometimes abbreviated as layout,...

Box model

Yakima阅读(272)评论(0)赞(0)

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/box_model Summary In a document, each element is represented as...

inheritance

Yakima阅读(246)评论(0)赞(0)

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance Summary The summary of every CSS property definitio...

Specificity

Yakima阅读(222)评论(0)赞(0)

The concept Specificity is the means by which a browser decides which CSS property values are the most relevant to an el...