<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>html、css、js企业规范</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<!--
HTML规范
-->
一、
1、p、dt、h标签 里面不能嵌套块级属性标签
2、内联元素不能嵌套块(a除外)
3、统一用tab缩进
4、对"<"、">"之类的特殊符号进行实体转义<>
二、图片
1、所有img元素必须加上width height alt属性,修饰性图片alt值留空
2、图片命名
背景图片以bg-开头
按钮图片一btn-开头
聚合图以spr-开头
<!--
CSS规范
-->
1、css属性需要用到引号时,统一使用单引号
2、为单个css选择器或新申明开启新行
.home-count .hd,
.content-title,
.select-game-title,
.select-game-title .title
3、css属性书写顺序
建议遵循: 布局定位属性 自身属性 文本属性 其他属性 css3属性
a 布局定位属性
display list-style position(相应的top,right,bottom,left) float clear visiblity/overflow
b 文本属性
color font text-decoration text-align vertical-align white-space break-word
d 其他(css3)
content cursor border-radius box-shadow text-shadow background: linear-gradient...
4、css属性与值写法(根据个人习惯选择),属性与值之间是否有空格
selectors {
position: absolute;
top: 0;
left: 0;
height: 30px;
}
5、注释
.search {
background: url() no-repeat/*这里是注释*/;
}
多行注释
/*===== 这里是注释 =====*/
/*===== 这里是注释 =====*/
<!--
Emmet快捷键
-->
ul>li.item$*6
h$[title='item$']{item$$}*5
ul>li.item$@-*5
ul>li.item$@3*5
link:css
link:favicon
link:touch
meta:utf
meta:compat
form:get
script:src
input:search
input:text
</body>
</html>
网页制作规范和emmet常用快捷键
最新推荐文章于 2022-07-13 21:28:48 发布