Tagged

布局

A collection of 3 posts

css

CSS技巧荟萃:了解CSS页面布局和加载流程

如果你开发web相关应用或者网站的话,肯定知道CSS对于页面布局的重要性。在本篇CSS技巧中我们将介绍页面加载的流程来帮助你更好的实现页面布局。 介绍 在我们开始正式的介绍页面流程前,我们需要简单了解几种不同类型的html元素,以及它们的缺省显示方式。这里我们主要重点介绍两个类型的元素: block inline 如果大家关心html5的话,你应该知道在HTML5中也包含了几个新的元素,例如,section,article等等,但是仍旧遵循这里我们介绍的显示类型。 inline类型的元素包括: img,span,a等,用来定义文字或者数据,通常显示方式是“同一行显示”。更具体的说就是,如果很多的inline类型的元素在同一行的时候,它们会显示在同一行,直到宽度不够显示了,再转到下一行。例如,如下代码: gbtags.com is website for geeks 查看在线调试 相 反block类型的元素,例如,div,p或者HTML5中新的元素section,article和article的显示方式和inline类型都不一 样。它们都是典型的结构化的元素,可以包含inline类型的元素。浏览器处理block类型的元素,会在元素前后添加换行,这样你看到它们都是独立成行 显示的。

布局

12个醒目的水平布局网站设计

从前,水平滚动被认为是不好的,但是现在在网页设计中,它被作为一种独特的方法(通常用于展示),而且貌似在大多数情况下,它的确是以一种聪明的方法来实现。水平滚动并不适用于所有情况,但是一旦处理得当,它将让一个网站鹤立鸡群,看完这些例子后,你将看到它是如何实现有趣的界面的。 在这里我整理了12个水平滚动的网站设计,以启发你的灵感。或许这种风格符合你的观点,它能够让你的网站引人注目。 本文参考自《27 Inspirational Horizontal Scrolling Websites》,在此多谢该文作者yugu的辛勤工作。 查看本站整理的更多水平布局网站设计: 20多个水平布局网站设计 26个水平布局网站设计 1.) Vanty Claire 2.) We Shoot Bottels 3.) Artist in Design 4.) Lucama 5.) Graphic Evidence 6.) Carrot Creative 7.) Lomotek 8.) Maurivan Luiz

布局

25个启发你灵感的杂志风格网站布局

杂志和新闻风格设计越来越流行了。像Wordpress之类的内容管理系统对此类网站有比较多的模板选择,可以让普通的站长或博主轻松实现一个很像新闻网站的网站。在本文中,我们将推荐25个可以为你提供灵感的杂志风格网站设计。 bmi Voyager Pitchfork Ulster Grocer Chow True/Slant Pousta This is Fake DIY Creative Review Collide Magazine Sower of Seeds Foodtease R.U.4 Children The Nest Typographica Ecoki Jacksonville Landing MICA LiveSpot Salient VIBE FM Dwell Livestrong Horizon Magazine UGSMAG 4Wall - - -