标签分类:栅格系统

WordPress相关轻博客主题开发经验

轻博客类型的主题已经是现今个人站的设计风尚,不少大型设计博客站点也投入轻博客风格的怀抱,典型的就是Smashing Magzine,其站点的样式充分体现了目前实用类博客的结构设计思路,其结构可归纳为: 导航栏 nav.toplevel 主内容区 div#container > div.sidebar+div.main(fluid) 博客导航区 div#wpsidebar 底部功能区  div …

阅读全文

960栅格系统快速使用指南

现代浏览器中ctrl+u 用于切换是否显示栅格 960的demo分为三个部分,分别展示了几种class的用法: top部分 分为两竖条,24格系统中一条以30开始,40递增 container_24说明将960px分为24栏竖条。实际使用950px,左右两边还有5px的白边 grid_xx说明占多少栏竖条 空白条10px css实现: .grid_xx{ display:inline;//防止ie …

阅读全文

Bootstrap简易使用指南

看完使用手册后所作的笔记,可以当做简易使用指南使用。 1.框架 1.1全局样式 使用HTML5的doctype,scaffolding.less中定义全局样式,从2开始使用normalize.css,并使用reset.less进行简化 1.2默认栅格系统 940px宽12列栅格,使用row与span[NUM]的class来控制,使用offset[NUM]来控制偏移,于non-fluid可以直接嵌套 …

阅读全文