1、现在的主流网页的尺寸是多少？

PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。手机的屏幕比较小，宽度通常在600像素以下。因此现在，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。

即使专业地接触前端已经一年半了，在这个问题上我开始一直被困扰着。通过这次，很想能够寻找出一个答案。

观察过很多个网站，是采用不同的设备用不同的网页代码，但是这样维护起来就相当于要维护好几个网站。如果一次性做出来，不是更省心吗？

下面，说几种我找到的解决方法：

(1)宽度：使用%取代px等方式定义宽度

(2)字体：使用em取代px

(3)定位：多使用灵活的浮动float

(4)图片：采用max-width和%形式来显示，这样就可以自己适应屏幕的大小了。

2、body里面框个的作用是什么？

暂时理解为定位整个页面，防止有意想不到的问题。

但是暂时没有碰到过因为不加而产生的问题，我也没有办法通过实际去理解。希望各位有经验的大神指点一下。

3、css结构里，让所有浏览器都支持的代码真的好用吗？

其实网络上有很多种兼容各种浏览器的方法，特别是ie6\ie7\ie8的。但是各个浏览器的兼容效果始终是有所差异的，如果都要兼容起来，恐怕是一门大学问。

我们可以在最基础上提前预防。

但是很多时候，都是根据碰见了哪个问题，再针对问题进行一一解决。我个人比较赞同这种方式，因为有些为了兼容性而写的代码，如果有效性不够高，可能会限制到正常写代码的效果。

4、html5里的具体作用是什么？现在有多少浏览器支持？效果是怎样？

标签是 HTML 5 中的新标签。

主流浏览器效果：在IE6/IE7/IE8上并不能识别，需要进行JavaScript处理。因此，为了保证兼容，还是要在其内部写一个

。

类似的html5的新标签汇总：

• 定义页面或区段的头部；
• 定义页面或区段的尾部；
• 定义页面或区段的导航区域；
• 页面的逻辑区域或内容组合；
• 定义正文或一篇完整的内容；
• 定义补充或相关内容；

5、重新认识absolute的作用。（绝对定位）

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

6、重新认识relative的作用。（相对定位）

生成相对定位的元素，相对于其正常位置进行定位。

因此，”left:20″ 会向元素的 LEFT 位置添加 20 像素。

7、display:inline;对

的作用效果？

display 属性规定元素应该生成的框的类型。

display:inline;的作用：使段落生出行内框。对于

来说，使它们在同一行。

8、为什么要-webkit--moz--o-前缀？具体含义是什么？

针对不同浏览器，CSS有一些前缀，如：

Chrome：-webkit-（最新版的Chrome已经没有采用webkit内核了，但是Safari一直是采用的webkit，并且几乎所有的移动浏览器都使用webkit） 
Firefox：-moz-（ Firefox 3.6 – Firefox 15需要加 ） 
IE：-ms-（没有必要添加，因为从来没有一个稳定的ie支持） 
Opera：-o-（低于Opera 12.10的版本，可不加）

为什么要加这些前缀呢？

浏览器使用前缀来尝试一些新属性、值和选择器，即便它们还没有最终定稿——这是一个好的测试方法，在必要时也可以对它们进行修正或者重新定义。如果浏览器一上来就直接使用标准属性，那它们就会被直接锁定在这个特性的实现上而不易变更。

9、visibility的作用是什么？

visibility：元素是否可见。

浏览器情况：所有主流浏览器都支持 visibility 属性。

值的使用方法：

(1)visible:默认值。元素是可见的。

(2)hidden:元素是不可见的。

10、»是什么？

显示为：»

11、怎么让wordpress导航自动居中？因为它的宽度会根据内容而变化。

这是一个值得研究的问题，今天好困- -先睡觉了哦~下次专门发篇文章解决这个问题，会给链接地址的。