web前端布局
ljl157011
这个作者很懒,什么都没留下…
展开
-
不要告诉我你懂margin
转自 海玉的博客 原文地址: http://www.hicss.net/do-not-tell-me-you-understand-margin/你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见转载 2013-11-19 20:14:29 · 1600 阅读 · 0 评论 -
网站网页栅格化
网站网页栅格化 首先澄清一个应用场景问题。 指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。 Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适 应,信息自然流畅,噪音少,购物很踏实。类似的站点还有很多,转载 2014-05-20 08:43:11 · 4797 阅读 · 0 评论 -
双飞翼布局
双飞翼布局是一种比较灵活的布局,始于淘宝UED,玉伯提出的,当然他着重介绍的是双飞翼栅格布局。 本文着重讲解常用三栏布局。通俗一点讲,可以把三栏比作一只鸟,main部分相当是于鸟的身体,而left与right就是鸟的“翼”了,鸟想要平衡地飞翔就要把主体位置给摆正确,然后在“翼”的作用下开始起飞。布局也是一样的,我们也要先把主体给摆好,然后再合理地调整双翼,这样整体动作才会比较和谐。转载 2014-05-06 09:45:20 · 823 阅读 · 0 评论 -
强大的负margin
一、负margin介绍二、原创 2014-04-19 10:29:59 · 972 阅读 · 0 评论 -
CSS三栏布局——中间固定两边自适应宽度
转自:W3CPLUS今天与几位朋友一起探讨和学习了一种用div+css进行的三列(三栏)布局,而且是中间固定左右两边自适应宽度,听起来蛮有意思的。因为以前只是碰到过,左右两列固定而中间自适应的运用。于是思考一下马上敲起了键盘自己实战了一下,接着与大家一起测试,还是通过了各浏览器的考验,为了方便自己以后好查阅,也想让不知道的朋友一起学习一下这样的布局,特整理了一下代码,贴上来与大家一起分享和转载 2013-12-12 23:22:18 · 3381 阅读 · 0 评论 -
清除浮动大总结
清除浮动 是每一个 web前台设计师 必须掌握的机能。 为什么浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。 解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。 我根转载 2013-12-02 21:39:50 · 648 阅读 · 0 评论 -
css之三权分立模式
出自 海玉的博客 本文地址: http://www.hicss.net/separation-of-powers-model-in-css-design-patterns/市面上我们常常会看到各种各样的设计模式书籍,Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料,即使在网上找到类似内容,细细一看之下才发觉是南转载 2013-12-08 11:31:50 · 818 阅读 · 1 评论 -
拥有布局 IE haslayout
拥有布局 IE haslayout找们那知道浏览器有bug,而且Windows上的lE的bug 似乎比太多数浏览器都多。IE/Win的衣现与其他浏览器不同的原因之一是,显示引擎使用一个称为布局(layout)的内部概念。因为布均是一个专门针对显示引擎内部工作方式的概念,所以一般悄况下不需要了解它。但是,布局问题是许多IE/Win显示bug的根源,所以理解这个概念以及它如何影响CSS转载 2013-11-22 19:52:04 · 1207 阅读 · 0 评论 -
网页布局之---固定布局、流动布局、弹性布局
当设计的网站会面向众多用户时,设计师必须考虑访客之间的下列潜在差异:屏幕分辨率用的哪款浏览器浏览窗口是否最大化是否启用占位置的浏览器的额外组件(如历史、书签、Google工具栏等等)乃至操作系统和硬件情况由于并无标准规定网页大小,网页设计师工作时就需要解决不计其数的问题。1. 固定布局和流动布局的差异尽管大部分设计师和开发者都对固定和流动网页布局有基本的了解,我们还转载 2013-11-20 13:12:28 · 13372 阅读 · 0 评论 -
em 弹性布局总结
使用CSS也好久了,但一直都是在使用“px”来设置Web元素的相关属性,未敢使用“em”。主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中要求使用“em”作为单位设置元素,所以从头对“em”学习了一回。稍为有一点理解,今天特意整理了一份博文与大家一起分享,希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局,从而学习其如何计算?又是如何转载 2014-07-15 12:41:52 · 1891 阅读 · 0 评论