--2017.03.14--
Https实施
- Mixed Content Warning/Error
- Https中加载http资源时的警告，可以使用Content Security Policy
--2016.07.21--
微信浏览器的坑
- Android
- location.reload问题：简而言之就是当前页不能刷新。解决方案就是改location.href，具体看这
- iOS
- 二维码识别问题：a. 一定要使用img标签；b. viewport不是device-width时会有位置偏移
--2016.07.13--
audio标签
<audio oncanplay="myOnCanPlayFunction()" oncanplaythrough="myOnCanPlayThroughFunction()" onloadeddata="myOnLoadedData()" src="myaudio.ogg" controls>
<a href="myaudio.ogg">Download</a>
</audio>
<script>
function myOnCanPlayFunction() { console.log('Can play'); }
function myOnCanPlayThroughFunction() { console.log('Can play through'); }
function myOnLoadedData() { console.log('Loaded data'); }</script>
--2016.07.08--
inline-block元素间距
- 逼死代码强迫症
IMG标签和CSS的background-image使用选择
- 大标准就是看语义需要
CSS动画
--2016.06.29--
margin-collapsing
- 一篇详细的说明
- Chrome审查元素时会显示为黄色的区域
- 简易方法就是直接把外层元素换成用padding
居中问题
- 这里有个很全面的总结，对各类情景做了一个分类决策树
border
- 只有在设置完border-style之后才会显示出border
position
- 标记为absolute时是相对于最近的一个标记为relative的parent
Font Boosting
- 浏览器的特性，在特定规则下自动放大字体
推荐教程和工具
-
http://learn.shayhowe.com/html-css/
- 解释了盒模型、定位和文本渲染方法
-
http://zh.learnlayout.com/toc.html
- 简单的布局教程
- Sublime Text
- Emmet插件，补全神器
- HtmlPrettify插件，保存时顺手格式化
