Faster, Higher, Stronger
更快,更高,更强

CSS

W3C标准盒模型及IE盒模型

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

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

CSS自定义属性(变量)

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

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

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

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

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

1px像素解决方案

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

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

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

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

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

float-峰间的云

float

Yakima阅读(609)评论(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阅读(602)评论(0)赞(0)

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

Box model-峰间的云

Box model

Yakima阅读(574)评论(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阅读(590)评论(0)赞(0)

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

Specificity

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

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

CSS syntax-峰间的云

CSS syntax

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

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax The basic goal of the Cascading Stylesheet (CSS) languag...

Margin collapsing

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

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/margin_collapsing Top and bottom margins of blocks (y轴方向上的margi...

负margin值

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

让标题出现在内容区的边框上 代码如下: 示例标题 床前明月光, 疑是地上霜。 举头望明月, 低头思故乡。 效果如下: 示例标题 床前明月光, 疑是地上霜。 举头望明月, 低头思故乡。 将有宽度的元素在其容器中水平居中(元素若有高度,可同时垂...

CSS media Queries

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

Source: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries A media query consists of a media type and ...

多行多栏布局

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

锦瑟(李商隐) 锦瑟无端五十弦,一弦一柱思华年。 庄生晓梦迷蝴蝶,望帝春心托杜鹃。 沧海月明珠有泪,蓝田日暖玉生烟。 此情可待成追忆,只是当时已惘然。 ...

围住浮动元素的三种方法

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

蜀相(杜甫) 丞相祠堂何处寻?锦官城外柏森森。 映阶碧草自春色,隔叶黄鹂空好音。 三顾频烦天下计,两朝开济老臣心。 出师未捷身先死,长使英雄泪满襟。 ...