applegray

导航

2012年9月25日 #

寻找圣杯布局(译)——下

摘要: 麻烦你设置padding 我不是设计师,但是看一下上面的布局,它甚至冒犯了我的审美情感。没有设置padding列的对眼睛非常苛刻,让人难以阅读。我们需要的空格。 真正的布局使用百分比来创建流体列的其中一个坏处是,它使得设置列的padding有点棘手。在一些屏幕宽度,padding比例往往看起来很糟糕。固定padding可以添加,但要混乱的div标记嵌套在每一列。 使用这种技术,padding并不是一个问题。padding可以直接添加到左和右列,只需调整宽度。给上面的例子中的左列一个padding,但是保持它的全宽(padding+width)在200 px,只需修改规则如下:#left ... 阅读全文

posted @ 2012-09-25 00:04 applegray 阅读(160) 评论(0) 推荐(0)

2012年9月24日 #

相对定位中的margin根据什么定位?

摘要: 对于《寻找圣杯布局》这篇文章,里面有一点把我搞得很糊涂,那就是原文第三步把左列拖回恰当的位子那里开始,给左列设置margin-left:-100%后(还未设置right)右列的位子在各浏览器的位置是不同的,原文给出的图中右列是向左移然后占据了原本左列的位子,如图:而我在Chrome、FF、IE9下看了一下,右列的位置都是不同的:以上三种浏览器中右列位置的不同,我首先想知道的是对于一个相对定位的元素来说,给它设置了margin后它是否还在文档流中?它在原来的位置还占不占空间?根据以上三个图,我感觉在Chrome中左列是没有脱离文档流中,它的最初所占据的空间还一直在那里,因为右列的位置没有变化,只 阅读全文

posted @ 2012-09-24 23:50 applegray 阅读(432) 评论(0) 推荐(0)

寻找圣杯布局(译)——上

摘要: 说实话,昨晚之前,我还真没听过圣杯布局这个词。看了A List apart的In Search of Holy Grails,觉得很不错,里面有好几个我以前理解错误或没想过的知识点。于是决定将那篇文章翻译成中文。由于非专业水平,翻译个大概就OK了。以下图片、代码均出自原文:http://www.alistapart.com/articles/holygrail/《寻找圣杯布局》 很抱歉,真的。这不是我命名的。我并不是想故意夸大它的重要性或贬低其他来突出圣杯。 但是名字就在那儿,而且我们都知道这意味着什么。 三列。一个固定宽度,可以做你的导航栏,另一个可以放你的谷歌广告或你的Flickr照片,. 阅读全文

posted @ 2012-09-24 14:12 applegray 阅读(304) 评论(0) 推荐(0)

2012年9月23日 #

所谓的第一篇随笔

摘要: 貌似注册博客园很久了(其实也不算久,今天发现园龄是8个月而已)。一直很懒,很多该做的事没有做。就拿写博客来说吧,@#¥%……&*嗯,就这样一天天过了。昨晚去了小米在大学城举办的宣讲会+笔试,我只是抱着看试题的想法才去的。那份试题考的几乎都是PHP,两个大题考算法,涂鸦了几个题,毫无感觉,因为我早已预想过会是这样的结局。打完酱油回到宿舍已经是11点了。今天去了腾讯校招的笔试,不定项选择题有点让我措手不及,说白了也就两点原因:1、知识面不够广;2、基础不够扎实。其实到了这里也没什么好说的,只是感觉好累好困,昨晚快两点才睡,今早8点起来后就是去笔试的路上、笔试、在萨莉亚吃饭、逛街买衣服、回来 阅读全文

posted @ 2012-09-23 22:52 applegray 阅读(104) 评论(0) 推荐(0)