css
CSS：em 和 strong 的区别
表现em vs strong 在浏览器中， 默认用斜体表示，** 用粗体表示。从样式表现上， 更加突出，更容易吸引眼光。显然，这种视觉上的差异设计是有目的的。程度EM: Indicates emphasis.STRONG: Indicates stronger emphasis.在 HTML 4.01 的说明 中，em 表示强调，strong 表示更强烈的强调。从两者视觉
业界
2016年07月05日
line-height初级理解(css)
1:行内元素设置line-height时，不论设置的多大，它的背景永远只跟随文字的大小来渲染，但是行高的大小还是会体现的。
行高对背景的渲染不起作用2:行内块和块元素，背景颜色会随着line-height的设置来给文字背景加相应的颜色，line-height设置多少会直接影响高度的。
行高对背景的渲染起作用行距：行高-字体大小
半行距：(行高-字体大小)/2
推荐文章：ht
业界
2016年07月05日
前端开发之单一职责原则
单一职责原则（SRP：Single responsibility principle）又称单一功能原则，面向对象五个基本原则（SOLID）之一。它规定一个类应该只有一个发生变化的原因。在前端开发的过程中，一个需求总会有多种解决方法，如果多人开发，其实我觉得单一职责挺适合前端的，前阵子看了下实习生的代码，就想举这个例子来说说。需求描述：两个input框作为查询条件，一个按照名
业界
2016年07月05日
html5之canvas
canvas是html5出现的新标签，主要用来画图，看见网上能用来实现各种图形，所以感觉很好玩，就学习了一下。
canvas绘制图形有两种方法：context.fill() //填充context.stroke() //绘制边框在绘制图形前要设置好图形样式，也有两种方法：context.fillStyle()
业界
2016年07月05日
20 个常用的 CSS 技巧
偶然看到一篇文章介绍了这些css技巧，觉得挺不错的，分享给大家，话不多少，上代码。1、 黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷？img.desaturate {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: g
业界
2016年07月05日
读后总结--精通css高级web标准解决方案（第二版）
为啥读这本书现在前端圈子过于浮躁，掌握基础无疑比掌握一个js框架重要css怎么都能写出来，但是要写的好写得快还得多读书css魔法推荐的，读完这个读读css揭秘当然，根本原因还是觉得自己掌握不好开始总结吧~一. 基础知识经过上世纪没有 css的痛苦时的混沌时期，人们开始了进步之路1.语义化标签：提高可读性和更合适默认样式2.设置ID和类名：上一步的加强，同时也为样式提供钩子（
业界
2016年07月04日
IOS中弹出键盘后出现fied失效现象的解决方案
概述
这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上，页面超过屏幕大小时候输入框focus状态下（键盘弹出）绝对定位的元素失效，导致页面滚动时候把定位元素一并带走，体验十分不好，在此留下一自己的方法，让更多的人不需要再爬这样的小坑。
解决方法
原理很简单，就是定义一个外框把页面包起来，把需要使用fixed定位的元素设置成absolute定位，然后设置外框
业界
2016年07月04日
[译]CSS 居中（Center）方法大合集
原文出处：Centering in CSS: A Complete Guide本文只给出了不同条件下的实现方式，未对原理做探讨。PS：原来要显示 jsfiddle 和 CodePen 之类网站的代码预览，只需将其以 Markdown 语法来插入链接即可。水平居中行内元素对于行内元素（inline）或复合行内元素（inline-*），直接为其父元素设置文本居中即可。.cent
业界
2016年07月04日
