初衷
Css Block 啟發(fā)于前不久閱讀的張鑫旭的《CSS世界》一書，讓我對 css 又有了新的理解，并且從中學(xué)到了一些“妙招”。日常項(xiàng)目中頻頻會用到一些常用的樣式代碼塊，這些代碼塊可以封裝到一個通用的樣式文件中，但是隨著時間的推移這個文件會越來越龐大，并且你不會用到所有的功能。于是我決定將這些代碼塊放到一個文檔中，開箱即用。
使用方法
直接在文檔中找到相應(yīng)代碼塊，復(fù)制即可。
目錄
布局（Layout）
- Flex
- 水平垂直居中
- 圣杯布局
- 多列等高
樣式（Style）
- 重置樣式表
移動端（Mobile）
- Meta 標(biāo)簽
- Media 媒體查詢
- 屏幕適配方案
- 兼容性
技巧（Skill）
- 實(shí)現(xiàn)“登錄 | 注冊”效果
- 圖片加載優(yōu)化
- 用 Padding 繪制圖形
- 阻止 Margin 合并
- 取消“幽靈空白節(jié)點(diǎn)”
- 首字母與首行
- 文字溢出省略號
- 繪制三角形
- 清除浮動
- 擴(kuò)大點(diǎn)擊區(qū)域
其他
如發(fā)現(xiàn) bug 或有疑問，歡迎在 issues 中指出。也歡迎提供更多、更好的代碼塊和解決方案。
