css网页布局需注意的问题

　　即使是CSS高手，也无法避免会在编写CSS代码的时候出现一些错误，一个小错误往往会造成大问题，尤其是在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才支持这种定义方式。尽量少用。

　　六、background和color颜色相同会受到警告。

　　上文中就是关于css网页布局需注意的问题，了解上面这份CSS网页布局中需注意的问题，就可以在平时编写代码的时候避免浪费时间，加速你的前端开发效率。

原文链接:https://js.aizhan.com/web_authoring/css/8971.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有