网页制作规范和emmet常用快捷键

来源：互联网发布：java 如何实现方法重载编辑：程序博客网时间：2024/06/06 00:05
<!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>
0 0