所有关于浮动(Float)的事情[倔倔译]

Apr 13

Ting倔倔在前端 , , , , 4 Comments

英文原文:http://css-tricks.com/all-about-floats/

什么是Float?

Float是一个CSS定位属性.想要搞懂它的目标跟初衷,我们可以来看看平面印刷设计.在一个平面布局中,图片是可以根据需要被文字环绕的放在页面中.这通常被称为”文字环绕”.如下图所示:

阅读全文 »

页面重构合理化讨论(中)

Dec 30

TingWeb标准化交流会 , , 5 Comments

上回书说到结构合理化,介回呢接着总结交流会成果之:样式合理化.因为交流会采用的分小组讨论,然后指定一位小组成员记录讨论内容,待各组讨论完毕后代表本组总结发言.本人不幸”手欠”拿过纸和笔,所以顺利成为这一话题的小组代言人~呵呵
所以以下讨论结果都是大家的成果,我只是表达出来,外加自己一些小小想法.
a) 样式的分层管理 i. 公共规则层 reset base layout-rules …ii. 公共模块层 header footer …iii. 项目模块层 频道、店铺、检索… iv. 项目文件夹尽量平级，不要多层嵌套b) 样式的书写 i. 编码 utf-8避免中文字符造成样式读取问题ii. 注释 统一iii. 模块区分，避免代码耦合增加维护难度 c）CSS代码压缩
样式的分层管理
对于这一问题,大家都赞同”全局-项目公用-页面私有”这三个级别的样式分层.其中reset.css统一了元素默认样式及浏览器之间默认样式的差别,目前网上流行几种reset.css,但并不一定是原封不动的拿来用到自己的项目或网站上就可以了,可以根据自己的需求做些调整.

阅读全文 »