摘要：
一、浏览器默认字体 众所周知，浏览器字体默认的设置为“宋体/simsun字体 16像素”，例如Chrome浏览器下： 二、CSS中设置的字体 考虑到兼容性，我们总会在CSS中队字体进行一些设置，这类设置往往设置在body标签上，无论是人人网，腾讯网，淘宝网，开心，新浪，网易等都是如此。以下为各个大型 阅读全文
摘要：
一、HTML5 placeholder相关的引言 placeholder在英汉词典中解释成了“占位符”。要理解并不难，请看此场景： “咦？”您可能会疑问，“这不是就是狗狗树下撒尿尿”。确实，该场景可以较好的诠释placeholder“占位符”之意。我们不妨将placeholder来个临时拆分：pla 阅读全文
摘要：
一、微云的实现 网站有一些改动的时候，为了让用户熟知新的操作位置，往往会增加一个引导，常见的方式就是使用一个黑色的半透明蒙版，然后需要关注的区域是镂空的。然后上周五我去微云转悠的时候，也看到了引导层，于是职业病又犯了，去学习下别人是怎么实现的。下面是观测的结果：为了实现镂空蒙层效果，作者发挥了小时候 阅读全文
摘要：
因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { / 阅读全文
摘要：
行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张“盗图”（选自下面的参考文章），其实我也修改了一下啦~ 注意：倒数第二根是基线哦，最下面那根是底线，不是基线。 图中两条红线之间的距离就是行高 阅读全文