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

2016-02-19 17:46 8 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享CSS网页布局中要注意的几个问题的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】

  一、少用偏门。

  类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。

  二、center不是float的值。

  很多新手都会把center误认为是float的值,而偏偏不是如此。center只是text-align的值。

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

  三、对齐不能包括两个值。

  很多新手会在float或者text-align中填写两个值,比如:float:left top。这是不允许的,浏览器也无法识别。

  四、滚动条颜色最好不要自定义。

  很多浏览器不能正常识别自定义颜色的滚动条,况且很多自定义颜色都不能通过W3C。

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

  五、单独滚动条设置。

  现在经常使用overflow-x(横向滚动条)或者overflow-y(纵向滚动条),在设置这个的时候经常会发现并不是所有的客户端上都有效果,大家在设置的时候最好在body和html同时进行设置。然而这个CSS也不是CSS2.1支持的(CSS2.1支持overflow,同时定义横纵滚动条),直到CSS3才支持这种定义方式。尽量少用。

来源:http://www.tulaoshi.com/n/20160219/1616034.html

延伸阅读
标签: Web开发
Ajax到底是什么?是一个并不太容易掌握,但可以增加网站交互性的方法?是Web2.0的基石?还是又一轮网络开发中的跟风?就像以前流行过的闪烁字体、溅水页(译者:Splash page -Flash动画或大图片做的网站的简介首页,往往有个跳过简介或直接进入的小按钮)、和使用圆角(译者:见YeeYan首页抬头,呵呵),只是这次动态性更强? 让我们看看有...
标签: Web开发
CSS网页布局,说难,其实很简单。说它容易,往往有很多问题困扰着新手,在webjx.com中介绍了非常多的技巧,这些小技巧与知识能事半功倍的给大家以帮助。然而更多的时候,我们往往被一些小问题缠着不能轻松。今天向大家介绍八个技巧,这些技巧显得很有用。更多的技巧欢迎您浏览webjx.com网站。 一、若有疑问立即检测 在出错时若能对...
标签: Web开发
如何使DIV居中 主要的样式定义如下: body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明: 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LE...
标签: Web开发
应用Div+CSS网页布局,制作符合web标准的网站,容易出现的一些问题。 现在总结一下,以便大家能够看到明白问题出在那里。 一、CSS校验的问题 我们设计的网页,都希望符合XHTML标准,CSS通过W3C的校验。有些未通过CSS2.0校验,主要校验错误都是:“Line : 0 font-family: 建议你指定一个种类族科作为最后的选择” W3C建议字体定义的时候,最...
各式各样的装修风格,为了达到极致的美丽,却忽视了装修中的风水,下面是图老师小编为你介绍的 儿童房风水需要注意的几个问题 ,希望对你的儿童房装修有所帮助。 地面 :儿童房地面以天然木地板最佳,也不宜放置地毯,由于容易附着太多粉尘,长期使用会致儿童患支气管炎和呼吸道疾病。 位置: 在黎明时能最早接受阳光能量的房...

经验教程

167

收藏

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