时间:2021-05-08
复制代码代码如下:[selector]{
[property]:[value];
[<- Declaration ->]
}</p><p>[选择器]{
[属性]:[值];
[<- 声明 ->]
}
编写 CSS 样式时,我习惯遵守这些规则:
class 名称以连字符(-)连接,除了下文提到的 BEM 命名法;
缩进 4 空格;
声明拆分成多行;
声明以相关性顺序排列,而非字母顺序;
有前缀的声明适当缩进,从而对齐其值;
缩进样式集从而反映 DOM;
保留最后一条声明结尾的分号。
例如:
CSS Code复制内容到剪贴板我们可以发现,.widget-heading 是 .widget 的子元素,因为前者的样式集比后者多缩进了一级。这样通过缩进就可以让开发者在阅读代码时快速获取这样的重要信息。
我们还可以发现 .widget-heading 的声明是根据其相关性排列的:.widget-heading 是行间元素,所以我们先添加字体相关的样式声明,接下来是其它的。
以下是一个没有拆分成多行的例子:
CSS Code复制内容到剪贴板在这个例子(来自inuit.css’s table grid system)中,将 CSS 放在一行内可以使得代码更紧凑。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
相信你阅读过大量关于编写css时应该注意的一些细节来控制css文件的大小,比如:全局样式、继承样式、缩写样式,空格、注释等;同时你也可能用过在线工具对你的css
GoogleHTML/CSS规范本文介绍了Google推荐的HTML和CSS编写格式规范,以建立良好的个人编码习惯。通用样式规范省略图片、样式、脚本以及其他媒体
一、关于css-in-js的认识1、css-in-js是一种使用js编写css样式的css处理方案。它的实现方案有很多,比如styled-components、
Markdown.css是一个很有意思的CSS样式表。它可以让HTML显示成类似Markdown纯文本的形式。基于LESS编写Markdown.css基于LES
我都是拿别人的模板,模仿者编写DIV布局,以及CSS样式。一般而言,我都是用ID来标整个页面的布局结构,然后里面的内容用CSS类来设置样式。比如我布局可以这么写