文档章节

Google HTML/CSS Style Guide

p
 pengqinmm
发布于 2016/09/22 16:34
字数 271
阅读 20
收藏 0

超级实用的html/css 推荐语法和样式,先来张概图:

这里,我不会一一叙述,只会挑出比较重要和容易忽略的规范

1 Protocol

省略协议http/https

2 Indent 缩进

保持2个字符的缩进,实用空格键,不要实用tab

3 使用小写字母

所有的code都使用小写字母:html element name,attributes,attribute values, css selectors, properties, property values

4 Encoding 编码

包括html/css编码:

/* html encode */
<meta charset='utf-8'>

/* css encode */
@charset "utf-8";

5 Action TODO: action item

<!-- TODO: remove optional tags -->
<ul>
  <li>Apples</li>
  <li>Oranges</li>
</ul>

6 Entity Reference

7 Optional Tags

8 HTML Quotation Marks

使用双引号("")代替单引号('')

9 避免在css 的 id/class selector 前面添加type

10 16进制色值可以使用三位的,避免使用6位

11 CSS id 和 class 命名连字符

使用‘-’

12 CSS 样式声明的空格

13 CSS规则的空行

每个css 规则之间间隔一行

14 CSS Quotation

attribute selector 或者 property values 使用单引号,url属性值不加引号

 

参考资料:https://google.github.io/styleguide/htmlcssguide.xml?showone=Displaying_Hidden_Details_in_This_Guide

本文转载自:https://google.github.io/styleguide/htmlcssguide.xml?showone=Displaying_Hidden_Details_in_This_Guide

共有 人打赏支持
p
粉丝 1
博文 62
码字总数 34998
作品 0
西安
程序员
私信 提问
前端架构设计指南(一): 代码核心

可能很多人和我一样, 首次听到"前端架构"这个词, 第一反应是: "前端还有架构这一说呢?" 在后端开发领域, 系统规划和可扩展性非常关键, 因此架构师备受重视, 早在开发工作启动之前, 他们就被邀...

Lee_tanghui
2017/11/24
0
0
15 本前端开发和设计的免费电子书(洋文)

Div into HTML 5 Designing Web Animation HTML5 WTF? The Web Book jQuery Fundamentals Web design in a Nutshell Designing for the Web jQuery 1 4 Animation Techniques Up to Speed on......

鉴客
2011/07/15
980
4
程序员小抄大全

你 是否会经常忘记一些CSS中的函数名或是一些属性名,那个时候,你一定觉得,如果手边有一个“小抄”(Cheat Sheet)就好了。当然,这个“小抄”不是给你作弊用的,这个“小纸条”就是可以让...

feewo
2011/09/20
1
0
100+个程序员开发必备参考手册(在线及下载) [复制链接]

100+个程序员开发必备参考手册(在线及下载) [复制链接] 上一主题下一主题

thinkyoung
2015/08/20
0
0
JQuery实现经典网站后台框架[动易程序改版]

网站后台是每个网站必须的部分,使用一个好的框架也是给用户良好体验的一部分内容,本文将给大家介绍使用JQuery和JS实现的ASP.NET网站后台框架。 首先看看我们需要的资源: 1. FrameTab.js (...

whfill
2009/09/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

创建多个git账号

实习开发中我们可能一个机子上配置多个git账号,如github.com,oschina.com 或者工作账号,私人账号,这时候就2个账号用一个key,肯定会冲突,有一个会提示没权限(账号和密码对应不上) ssh ...

echojson
30分钟前
1
0
rabbitmq安装教程

RabbitMQ有Windows与Linux版本的,这里先写Windows版本的安装。 以前安装软件总是在百度上找某某安装教程,结果能按照教程安装好的软件真的不多。想起先前以为大牛说的一句话,去官网按照官网...

em_aaron
今天
7
0
Android 贝塞尔曲线实践——波浪式运动

一、波浪效果如下 贝塞尔曲线自定义波浪效果的案例很多,同样方法也很简单,大多数和本案例一样使用二次贝塞尔曲线实现,同样还有一种是PathMeasure的方式,这里我们后续补充,先来看贝塞尔曲...

IamOkay
今天
3
0
Nmap之防火墙/IDS逃逸

选项 解释 -f 报文分段 --mtu 指定偏移大小 -D IP欺骗 -sI 原地址欺骗 --source-port 源端口欺骗 --data-length 指定发包长度 --randomize-hosts 目标主机随机排序 --spoof-mac Mac地址欺骗 ...

Frost729
今天
2
0
带你搭一个SpringBoot+SpringData JPA的环境

不知道大家对SpringBoot和Spring Data JPA了解多少,如果你已经学过Spring和Hibernate的话,那么SpringBoot和SpringData JPA可以分分钟上手的。 其实我在学完SpringBoot和SpringData JPA了之...

java菜分享
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部