样式编写

@CHARSET "UTF-8";

/**
 *css编写规范:
 * 1.名称要仔细,以免前面的样式影响到后面的样式
 * 2.样式通用的提取出来
 * 3.html+css要完全分离,一个标签只有一个属性也不例外
 * 4.样式段落要分开,每个段落必须写上注释
 * 5.个人习惯:样式用class来定义少用id,id留着给javascript使用
 * 6.在html中层次结构要清楚,才好定义class,避免class相互影响
 * 7.注意图片样式问题,必要时将其设置为inline-block | block ,不使用默认的样式
 * 8.在写代码(css,html,java,sql等)前,先写好注释,即:根据注释写代码,不要根据代码写注释
 * 9.尽量使用className来定义样式,尽量少直接用标签样式(可能会发生冲突)
 */

/* 通用 */
*{margin:0px;padding:0px;}
html,body{width:100%;height:100%;font-size:14px;}
li{list-style-type: none;}

/* 例如 */
/* 许多页面拥有关闭按钮,是一个div,下有span,img等
<div class="closeWindow">
    <span class="title">...</span>
    ...
</div>
 */
.closeWindow{....}  /*注意该div中的层次,在下面的span 或 img样式中,会不会有*/
.closeWindow span{} /*尽量少用这种方式,多采用下面方式*/
.closeWindow .title{}



/*样式学习积累*/
/**
 * iframe的内容透明:< iframe src="transparent.htm" frameborder=0 />       
 * 同时需要在transparent.htm的body元素加上 bgColor="transparent"透明才生效,当然去掉边框还可以直接使用CSS样式style="border:none;"去掉。
 */

 

posted @ 2016-04-26 17:47  理舞  阅读(183)  评论(0编辑  收藏  举报