zoukankan      html  css  js  c++  java
  • 整理一下CSS最容易躺枪的二十规则,大家能躺中几条?

    整理一下CSS最容易躺枪的二十规则,大家能躺中几条?

     

    转载:API中文网

      

    一、float:left/right 或者 position: absolute 后还写上 display:block?

    二、认为布局就是 Float,所有的地方都是 Float,全家都是 Float!

    三、认为 px 是一个绝对单位(px 是相对单位)整个页面都是 px,全家都是 px;

    四、查看源码,满屏都是 div 的就不多说了吧……;

    五、段落不会用 P 只会用 br 和 div;

    六、多 class 症(病入膏肓的表现就是几乎每个元素上都有不止一个 class);

    七、情绪化命名:.sb、#sb_box 、lj.png;

    八、人民币符号:¥少一横.

    九、给非定位元素定义了z-index堆叠级别;

    十、不用h1、h2等标题标签,这是经常被忽略的HTML标签使用的语义性,标题用h1..h6是有层次的,而且对页面的抓取也有很大的影响,大家多注意吧;

    十一、从一开始写页面就用一个长长的css reset把所有的浏览器默认样式统统干掉了;


    十二、反正css就那么点东西,布局的时候不是position,就是float。可是你告诉我为毛在移动端你也不用css3;

    十三、闭合浮动的时候,都是先定义好一个.clear样式,然后加空div;


    十四、p标签包含div;

    十五、不会用或乱用 B / I / S / U 之类在 html5 中重新定义过的标签;

    十六、真的在address标签里写家庭住址信息或者其他地址信息;


    十七、完全把main, section, article, aside等当成div来用了;

    十八、搞不拎清 PNG 的分类,认为 PNG24 支持透明,不知道 PNG8 也支持 α 透明;

    十九、混淆 INPUT 的 disabled 属性和 readonly 属性;

    二十、为了让 Chrome 这个脑残支持小于12px 的文字,在 html 设置 -webkit-text-size-adjust:none;

  • 相关阅读:
    安卓开发1-开发第一个安卓hello word
    安卓开发系列
    Php调用工行支付接口时的问题解决
    angular模块
    angular自定义指令基础
    ajax跨域问题
    angular要点总结
    JS闭包函数
    避开ie6使用float后再使用margin兼容的2种方法
    如何学习面向对象编程
  • 原文地址:https://www.cnblogs.com/ypppt/p/12937756.html
Copyright © 2011-2022 走看看