码迷,mamicode.com
首页 > Web开发 > 详细

html标准

时间:2016-10-12 11:02:27      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

html
1.使用双引号
2. <img src=""> 不添加/
3. <html lang="zh-CN">
4. <a class="xxx" id="xxx" href="xx"> class 写在最前面
5 <input type="text" disabled> 布尔型属性

css
.div1,
.div2, //不同选择器换行
input[type="text"] { // 加双引号
padding:0; // 0 不需要单位
margin:0;
background-color:rgba(0,0,0,.5) // 0.5用 .5代替
color:#fff; // 小写 , #fff 代替 #ffffff
}

.test{
position:absolute; //position
top:10px;
z-index:1;

display:block; // display float width
float:left;
width:30px;

font-size:20px; // 字体样式
line-height:10px;
color:red;

border:1px solid red; //边框

opacity:1; //
}

// 媒体查询就近写
.element { ... }
.element-avatar { ... }
.element-selected { ... }

@media (min-width: 480px) {
.element { ...}
.element-avatar { ... }
.element-selected { ... }
}

class 命名 .btn-danger 小写+短横线+单词
选择器不要超过3
.tweet .avatar

编码规范
http://codeguide.bootcss.com/

html标准

标签:

原文地址:http://www.cnblogs.com/gyz418/p/5951542.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!