--2017.03.14--
Https實(shí)施
- Mixed Content Warning/Error
- Https中加載http資源時(shí)的警告，可以使用Content Security Policy
--2016.07.21--
微信瀏覽器的坑
- Android
- location.reload問(wèn)題：簡(jiǎn)而言之就是當(dāng)前頁(yè)不能刷新。解決方案就是改location.href，具體看這
- iOS
- 二維碼識(shí)別問(wèn)題：a. 一定要使用img標(biāo)簽娩梨；b. viewport不是device-width時(shí)會(huì)有位置偏移
--2016.07.13--
audio標(biāo)簽
<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元素間距
- 逼死代碼強(qiáng)迫癥
IMG標(biāo)簽和CSS的background-image使用選擇
- 大標(biāo)準(zhǔn)就是看語(yǔ)義需要
CSS動(dòng)畫
--2016.06.29--
margin-collapsing
- 一篇詳細(xì)的說(shuō)明
- Chrome審查元素時(shí)會(huì)顯示為黃色的區(qū)域
- 簡(jiǎn)易方法就是直接把外層元素?fù)Q成用padding
居中問(wèn)題
- 這里有個(gè)很全面的總結(jié)，對(duì)各類情景做了一個(gè)分類決策樹
border
- 只有在設(shè)置完border-style之后才會(huì)顯示出border
position
- 標(biāo)記為absolute時(shí)是相對(duì)于最近的一個(gè)標(biāo)記為relative的parent
Font Boosting
- 瀏覽器的特性，在特定規(guī)則下自動(dòng)放大字體
推薦教程和工具
-
http://learn.shayhowe.com/html-css/
- 解釋了盒模型滤奈、定位和文本渲染方法
-
http://zh.learnlayout.com/toc.html
- 簡(jiǎn)單的布局教程
- Sublime Text
- Emmet插件，補(bǔ)全神器
- HtmlPrettify插件撩满，保存時(shí)順手格式化
