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