一个前端小菜鸟的博客

不知不觉的，很多网页设计中采用了图标式导航（Navigation）——一般使用三道杠作为图标，用以导航。这种导航的好处是节省空间，让界面更简洁。图标式导航的案例这是YouTube 的图标式导航(移动版):这是Squarespace的图标式导航：AWARD的图标式导航不拘一格：问题所在问题在于，点击图标式导航之后，图标本身没有任

技术的革新带动了设计行业的的迅猛发展，这使得设计师和开发者有了更广阔的的探索天地。而网页设计也越发不再那么循规蹈矩，许多团队和公司都做了很多思考和创意。所以在我们适应着现代设计潮流的同时，不妨也来看看现阶段网页设计大致的趋势和风格吧。我不敢大言不惭的说这就是当下网页设计的趋势，这只是本人对当下网页设计做出的一些小总结。希望这样的归类总结能给你带来更多的思路和想法。1.响应式

一两年前，HTML5似乎还是一个模糊的概念，只有少数几个互联网的书呆子才会关心。而现在，却感觉仿佛HTML5无所不在了。感谢Mozilla 和Chrome的快速发布，以及微软IE9的部署（IE 10现在也处于“技术预览”状态了），数量有限（或者说比有限要更好些）的支持HTML 5的浏览器已将近人人皆可享受。开发人员开始利用那些得到广泛实现的功能特性。不出1年HTML 5就将得到完全支持，而规范

你会发现，随着响应式Web设计的不断成熟，各类框架也变得越发健壮和可靠。也许是受到了Bootstrap、Foundation和Gumby的影响，如今很多新的框架都开始向一体化多功能的模式进化，它们提供了更多的功能，同时会包含可复用的组件和模块，例如图标、对话框、页码导航、面包屑、导航栏等等。当然，不是所有的框架都塞入了大量的功能，有些只是简洁的提供了固定布局的基础。接下来是15个最新的响应

让一个层水平垂直居中是一个非常常见的布局方式，但在html中水平居中使用margin:0px auto;可以实现，但垂直居中使用外边距是无法达到效果的。（页面设置height:100%;是无效的），这里使用绝对定位+负外边距的方式来实现垂直居中，但同时要考虑页面重置大小的情况，需要使用js来修正。1、让层水平居中12345