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

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

一、少用偏门。

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

网站名称：广州做网站浅谈CSS布局的6个注意事项
网页路径：/news34/32434.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有做网站等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联