在线咨询
QQ咨询
服务热线

020-85201717

13725302004

业务微信

微信开发

TOP

广州做网站浅谈CSS布局的6个注意事项

发布时间:2019-06-21 浏览:
 今天,广州做网站小编跟大家浅谈下CSS布局的6个注意事项在做网站开发过程当中,前端的工作有很大一部分要解决页面布局样式的问题。所以,css这个技术必须要能够熟练的应用。今天做网站小编就和大家分享一下关于做网站过程当中css布局应该注意的一些必要事项。



一、少用偏门。

  类似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才支持这种定义方式。尽量少用。  


  类似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才支持这种定义方式。尽量少用。