CSS设计网页时的一些常用规范

• <ul>
  <li><a href=”#” >首页</a></li>
  <li><a href=”#” >介绍</a></li>
  <li><a href=”#” >服务</a></li>
  </ul>
  </div>

  /*=====主导航=====*/
  #mainMenu {
  width:100%;
  height:30px;
  background:url(images/mainMenu_bg.jpg) repeat-x;
  }
  #mainMenu ul li {
  float:left;
  line-height:30px;
  margin-right:1px;
  cursor:pointer;
  }
  /*=====主导航结束=====*/

  9、鼠标手势：

  在XHTML标准中，hand只被IE识别，当需要将鼠标手势转换为“手形”时，则将“hand”换为“pointer”，即“cursor:pointer;”

二．注释书写规范

1、行间注释：

直接写于属性值后面，如：

.search{
border:1px solid #fff;/*定义搜索输入框边框*/
background:url(../images/icon.gif) no-report #333;/*定义搜索框的背景*/
}

2、整段注释：

分别在开始及结束地方加入注释，如：

/*=====搜索条=====*/
.search {
border:1px solid #fff;
background:url(../images/icon.gif) no-repeat #333;
}
/*=====搜索条结束=====*/

三．样式属性代码缩写

1、不同类有相同属性及属性值的缩写：

对于两个不同的类，但是其中有部分相同甚至是全部相同的属性及属性值时，应对其加以合并缩写，特别是当有多个不同的类而有相同的属性及属性值时，合并缩写可以减少代码量并易于控制。如：

#mainMenu {
background:url(../images/bg.gif);
border:1px solid #333;
width:100%;
height:30px;
overflow:hidden;
}
#subMenu {
background:url(../images/bg.gif);
border:1px solid #333;
width:100%;
height:20px;
overflow:hidden;
}

两个不同类的属性值有重复之处，刚可以缩写为：

#mainMenu,#subMenu {
background:url(../images/bg.gif);
border:1px solid #333;

上一页 [1] [2] [3] [4] [5] [6] 下一页 

复制本页网址和标题，发送给你QQ/Msn的好友一起分享

CSS设计网页时的一些常用规范 相关文章：

·15种做爱姿势真人示范写真（图）

·入党申请书范例九

·大学毕业生自荐信(范文)

·计算机实习报告范文

·大学生暑期农村教育实践报告范文

·大学生农村暑期社会实践报告范文

·简历模板【范文】：(21)网络维护工程师

·浙江大学生暑期社会实践报告范文

·2006入党申请书范文

·入党志愿书范文2004

CSS设计网页时的一些常用规范 相关软件

·五子棋规范教程

·软件开发规范及开发计划书

·vc++编程技巧与范例

·网页中的特效（示范样书）

·电眼美女范冰冰性感写真美图

·半条命 高动态范围渲染效果演示介绍

·极品美女范冰冰性感时尚写真美图

·2精讲课程审计_范永亮03

·百变精灵范冰冰写真壁纸

·防范黑客

上一篇:Flash动画也能作桌面背景

下一篇:微软：低价台式机2010年可继续安装XP

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作

者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转

载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐