博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS布局中关于WEB标准的六条经验
阅读量:4109 次
发布时间:2019-05-25

本文共 528 字,大约阅读时间需要 1 分钟。

  一、少用偏门。

  类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门 CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 
  二、center不是float的值。
   很多新手都会把center误认为是float的值,而偏偏不是如此。center只是text-align的值。 
  三、 对齐不能包括两个值。
  很多新手会在float或者text-align中填写两个值,比 如:float:left top。这是不允许的,浏览器也无法识别。 
  四、滚动条颜色最好不要自定义。
   很多浏览器不能正常识别自定义颜色的滚动条,况且很多自定义颜色都不能通过W3C。 
  五、单独滚动条设置。
   现在经常使用overflow-x(横向滚动条)或者overflow-y(纵向滚动条),在设置这个的时候经常会发现并不是所有的客户端上都有效果, 大家在设置的时候最好在body和html同时进行设置。然而这个CSS也不是CSS2.1支持的(CSS2.1支持overflow,同时定义横纵滚动 条),直到CSS3才支持这种定义方式。尽量少用。 
  六、background和color颜色相同会受到警告。

转载地址:http://xjasi.baihongyu.com/

你可能感兴趣的文章
《设计模式》学习笔记——适配器模式
查看>>
《设计模式》学习笔记——桥接模式
查看>>
《设计模式》学习笔记——组合模式
查看>>
《设计模式》学习笔记——外观模式
查看>>
《设计模式》学习笔记——享元模式
查看>>
《设计模式》学习笔记——模板模式
查看>>
《设计模式》学习笔记——命令模式
查看>>
《设计模式》学习笔记——责任链模式
查看>>
《设计模式》学习笔记——策略模式
查看>>
《设计模式》学习笔记——中介者模式
查看>>
《设计模式》学习笔记——观察者模式
查看>>
《设计模式》学习笔记——备忘录模式
查看>>
《设计模式》学习笔记——访问者模式
查看>>
《设计模式》学习笔记——状态模式
查看>>
《设计模式》学习笔记——解释器模式
查看>>
《设计模式》学习笔记——迭代器模式
查看>>
求解最大子序列和的经典实现
查看>>
WF项目问题总结
查看>>
全局注册组件
查看>>
webPack项目优化
查看>>