Css


谷歌 HTML/CSS 规范

0x1.背景 这篇文章定义了 HTML 和 CSS 的格式和代码规范,旨在提高代码质量和协作效率。 0x2.通用样式规范 0x2.1.协议 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分(http:,https:),除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL,好处是无论你是使用 HTTPS 还是 HTTP 访问页面,浏览器都会以相同的协议请求页面中的资源,同时可以节省一部分字节。 !-- Not recommended -- script src=https://www.google.com/js/gweb/analytics/autotrack.js/script !-- Recommended -- script src=//www.google.com/js/gweb/analytics/autotrack.js/ …


CSS 命名管理 之 BEM

0x1.前页 好吧,将 BEM 简单的解释为 “Block-Element-Modifier“, 其实是个不负责任的做法。鬼知道 Block 是什么啊?所以,看了一些似懂非懂的中文解释之后,自己还是得去找些英文来读一读,顺便总结一下。本人对 HTML、JavaScript、CSS 其实都只是一知半解,所以,如果有理解不到位的,还望各位看官斧正。但是,本着“要学就要学最先进”的原则,即使是基础不扎实,还是要冲着更有效率的方式前进。 有不想看我罗嗦的看官,可以直接看下面这篇文档: https://css-tricks.com/bem-101/ 0x2.什么是 BEM 我们借助一个实例,来对 BEM 做一下介绍。下面是一个遵照 BEM 规则写的 CSS: /* Block */ .btn { text-decoration: none; background- …