摘要：关于命名，某些公司也许有严格的规范，文件的命名及样式的命名等。没有经历过很多公司也没有经历过大公司，所以不敢说有规范好还是无规范好。但是能凭着自己写代码的习惯，觉得还是团队达成共识的命名可读性及可维护性更高。css:class用下划线_把有语义的英文分开，id则用-分开。id只局限写js，而不写样式在里面。id的权重太大，写了样式后期不太能覆盖。js：变量用名词，驼峰式，常量在其前加-。函数加动词加名词，驼峰式。如果结果是布尔值则用if开头。
阅读全文
摘要：其间用到的是：1.右左两栏自适应高度： 如，左边需要以右边的高度为准，即"去适应"它，则设置左边padding-bottom:1000px; margin-bottom:-1000px; 如，右边需要以左边的高度为准，与上条同理 如，两栏都搞不清楚以谁为基准，可以两个都添加padding-bottom:1000px; margin-bottom:-1000px; 注：无论怎么，父亲标签都要设置overflow:hidden; 原因：我不知道2.左栏固定，右栏自适应宽度 其实应该就是触发两个元素的bfc？使之成为独立可操控的个体。但是在ie6中要设置margin-left:左
阅读全文
摘要：在ul下，直接嵌套div，在ie7以以前版本，会出现的状况是：div会被离它最近的li包裹住。请看dome<ul class="clearfix" > <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <div class="add">这一块在ie7及之前版本会被加载到文本为5的li里。 </div> </ul> <styl
阅读全文
摘要：头胀胀的，看不下东西做不下事，那就写朵随笔吧。图片垂直居中，原理应该就是，其实我也不知道。手上两种方法，异曲同工，但是都兼容ie6的。 以上要注意垂直居中元素必须是内联元素。 .imgBox{ width:100%;height:400px; border:1px solid red;} .imgBox img,.imgBox i{display:inline-block; vertical-align:middle;} .imgBox i{height:100%}
阅读全文
摘要：表格时要注意的几点：（着重ie6-ie7不兼容问题）在一些支持标准dom浏览器中，表格可以像div一样，肆意设置样式。但是ie6-ie7何止有问题，简直是问题重重：1.table是个排外的货。table不支持直接放置标签.在众浏览器下均如此偶遇一问题。发现直接在table里面直接加标签或者是不可以的。运行的时候会带着里面的内容私奔到整个table的前面。呀嘿，之前真没注意到还有这些个问题。网上找了一轮也没见个解决方法。结论，还是用原生的比较靠谱。2.在不支持position:relative;在众浏览器下均如此在没有设置任务position:relative;的时候。在标签内用position
阅读全文
