样式编写

@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;"去掉。
 */

 

转载于:https://www.cnblogs.com/TheoryDance/p/5435980.html