css网页布局中注意的几个问题

2016-02-19 23:35 5 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐css网页布局中注意的几个问题,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  一、少用偏门。

  类似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颜色相同会受到警告。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1630198.html

延伸阅读
标签: Web开发
不知道大家知道这个问题不,在ie6的情况。假如ul中的li被设置了浮动,而ul本身有设置padding-top.你会发现li无端端多出了根ul的padding-top一样宽的margin-top(在浮动的li元素的数目已使分行的时候出现)。 解决方法: 1.请不要设置ul的padding,可以用margin代替,实在不行只能嵌套解决。 2.给ul设置zoom:1;overflow:hidden 3.设置ul的...
有关抗生素知识的几个问题 :家长一般都知道抗生素这个词,也听说了不能滥用抗生素,可孩子得了病,最要紧的是赶快治好,只要药能治病,哪里还顾得上医生和专业人士的忠告。那么在使用抗生素的过程中,会出现哪些问题呢? 1.抗生素在身体里起什么作用? 简单地说,抗生素只有一个功能:瞄准并杀死细菌。除此之外,它既不能缓解疼痛...
这两个都是经常被问的问题 一个是关于入门书籍的选择, 一个是关于内存管理 谈谈我的体会 kenshinji 写到: 呵呵。。。。偶想买一本好一点的linux的入门级的书。现在偶只有电脑里down下来的电子版的。。。。看着不爽你能给我推荐一本么?我在长沙。。。。发现市面上电脑的书还是以“瘟到死”的居多。偶一直觉得O'RAILLY出的书不错。。。呵呵另外...
标签: Web开发
发现的页面空格引起的间距问题,是不同浏览器对空格宽度的解析不同造成的。 ie7浏览器解析的空格间距要比ie6/firefox大。 解决方法如下: 1.删掉空格 2.给需要间距的元素margin属性,示例: .del img{margin-right:5px}
夜晚拍摄人像要注意的几个问题   夜晚拍摄人像要注意的几个问题 一般大家夜景+ 人像时, 都会出现一个奇怪现像, 就是唔开闪灯, 背景好够光, 一开闪灯, 背景就会暗哂, 然后个人就光哂, 但系影出黎又好自唔自然right? 先教下用傻瓜机既你,你都知自己用紧果部叫傻瓜机,傻瓜机最大既责任就系帮你影到张相,而唔系帮你影到靓相,...

经验教程

482

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部