Bootstrap CSS 编程规范之语法规范
语法规范
CSS语法规范:
- 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致表现的方法。
- 为选择器分组时,将单独的选择器单独放在一行。
- 为了代码的易读性,在每个声明块的左花括号前添加一个空格。
- 声明块的右花括号应当单独成行。
- 每条声明语句的 : 后应该插入一个空格。
- 为了获得更准确的错误报告,每条声明都应该独占一行。
- 所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。
- 对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格(例如,box-shadow)。
- 不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内部的逗号后面插入空格。这样利于从多个属性值(既加逗号也加空格)中区分多个颜色值(只加逗号,不加空格)。
- 对于属性值或颜色参数,省略小于 1 的小数前面的 0 (例如,.5 代替 0.5;-.5px 代替 -0.5px)。
- 十六进制值应该全部小写,例如,#fff。在扫描文档时,小写字符易于分辨,因为他们的形式更易于区分。
- 尽量使用简写形式的十六进制值,例如,用 #fff 代替 #ffffff。
- 为选择器中的属性添加双引号,例如,input[type="text"]。只有在某些情况下是可选的,但是,为了代码的一致性,建议都加上双引号。
- 避免为 0 值指定单位,例如,用 margin: 0; 代替 margin: 0px;。
/* Bad CSS */
.selector, .selector-secondary, .selector[type=text] {
padding:15px;
margin:0px 0px 15px;
background-color:rgba(0, 0, 0, 0.5);
box-shadow:0px 1px 2px #CCC,inset 0 1px 0 #FFFFFF
}
/* Good CSS */
.selector,
.selector-secondary,
.selector[type="text"] {
padding: 15px;
margin-bottom: 15px;
background-color: rgba(0,0,0,.5);
box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff;
}
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。
Bootstrap CSS 编程规范之语法规范相关推荐
- Bootstrap HTML编码语法规范
语法规范 HTML编码的基本语法格式: 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致表现的方法. 嵌套元素应当缩进一次(即两个空格). 对于属性的定义,确保全部使用双引号 ...
- 前端与移动开发-----CSS(语法规范+基础选择器+文本属性)
CSS css简介 1,CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.. 2,有时我们也会称之为 CSS 样式表或级联样式表. 3,CSS 是也是一种标记语言 . ...
- CSS中一些语法规范和代码风格
CSS:美化网页和布局页面 语法规范: (1)CSS规则由两个主要的部分构成,选择器以及一条或多条声明: 注意:选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式: 属性和属性 ...
- CSS语法规范(CSS、HTML)
CSS语法规范(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta charse ...
- [GO语言基础] 二.编译运行、语法规范、注释转义及API标准库知识普及
作为网络安全初学者,会遇到采用Go语言开发的恶意样本.因此从今天开始从零讲解Golang编程语言,一方面是督促自己不断前行且学习新知识:另一方面是分享与读者,希望大家一起进步.前文介绍了什么是GO语言 ...
- JSLint检测Javascript语法规范
前端javascript代码编写中,有一个不错的工具叫JSLint,可以检查代码规范化,压缩JS,CSS等,但是他的语法规范检查个人觉得太"苛刻"了,会提示各种各样的问题修改建议, ...
- vue获取当前选中行的数据_Vue编程的团队代码规范
来源:https://www.javascriptcn.com/read-5ecef0f64d553e7cc39e1aba.html 规范与每个团队和个人都是息息相关的,因为其影响的不只是只是代码的维 ...
- HTML学习6~29(HTML语法规范)
1 HTML语法规范 1.1 基本语法概述 HTML标签是由尖括号包围的关键词,例如<html>. HTML 标签通常是成对出现的,例如<html>和</html> ...
- Vue编程的团队代码规范
开发者(KaiFaX) 我们都是开发者 专注于前端.后端.大数据.区块链.人工智能的知识社区 来源: https://www.javascriptcn.com/read-5ecef0f64d553e7 ...
最新文章
- 拉力赛 (Standard IO)
- [专栏目录]-ARM学习笔记目录
- AI基础:特征工程-类别特征
- Android ListView 的优化
- rxjs里mapTo operators的用法
- Chapter2-1_Voice Conversion(Feature Disentangle)
- OpenCms for MySql安装
- 电脑删除的文件如何找回?找回删除的文件有3个方法…
- 下载VS(visualstudio)2019官方网站详解
- 工具用法有道云笔记: Mac和Windows上有道云笔记更换背景方法--202205更新
- xshell如何导入.xsh 文件
- 做php的灯就灭,121128 还原 我是做PHP的,女嘉宾把灯全灭了 真相
- arm工控主板,三星S5P4418嵌入式开发板
- 【Java面向对象编程——名片管理系统】
- 奇点临近:互联网经济的供给侧革命和全球货币政策的新格林斯潘之谜
- 【通信系统仿真设计】基于Matlab的2Q-FSK移频键控通信系统仿真
- [neovim/nvim] LSP 与代码补全配置笔记
- 自动紧急制动(AEB)
- 入侵检测---IDS
- Python(一):Pycharm+Python的下载和安装