仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 900|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:css模块化的头脑让前期保护变得复杂

[复制链接]
简单生活 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:59:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
poluoluo文章简介:这里侧重讲一下模块化开辟为前期保护带来的优点!
起首,不论了不懂得,鬼哥的这篇文章都能够看一下,从宜家的家具计划讲模块化http://www.webjx.com/CSS/divcss-10075.html
并非多深邃的器材,在事情中,使用div+css操纵,你应当会慢慢的往想,如何进步效力,如何兼容,如何精华精辟代码,如何让前期保护变的加倍复杂。你大概每过一段工夫,都想把本人之前写的器材重构一下。这是很好的设法,也是很好的体现,由于你一向在不休的前进。模块化的头脑,一定会在你的渐渐前进当中被你意会!
这里侧重讲一下模块化开辟为前期保护带来的优点!
在事情中,我做了一个以下图布局的网站。

起首要说一下缪同砚,(备注,不是我公司里的师傅),缪同砚是一个很罗嗦很烦琐的人。这两个描述词实在都不得当。这不,第二天,他让我把B和C摆布交换个地位,我说没成绩,翻开css,把side_list和side_content的left的值改了一下。他仍旧很罗嗦。第四天,他让我把B1和B3的地位换一下,我说没成绩,翻开css,把sub_list_1和sub_list_3的top的值改了一下。第六天,他让我把B1放到C里的下边并居中。好吧,我翻开html,把包括文件中的sub_list_1剪切到side_content的底部。
在做这些的过程当中,我只是由于两个模块内有不异的hx而针对他们写了一个!important。
固然,这仅仅是模块化计划的优点之一。
必要注重的中央:
·高低级模块内不异标签的优先级成绩。
·全局款式的和模块款式的优先级。
·优秀的扩大性。
·只管做到具有不异标签的模块是平行干系。
·优化你的全局款式,让模块代码更简便。
在我这里,计划到切图结构都是一团体,以是,不存在定名抵触成绩。多人合作的时分,模块化计划一样能够制止这一成绩。无效的制止定名、款式抵触等成绩。
上边说的注重的第三条,优秀的扩大性。良多时分,好比,layout内有A/B/C三个元素,layout内有10px的边,那末,这10px的边,事实是在layout上用padding表达仍是在子元素上用margin表达?固然,分歧情形分歧看待!

可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-17 23:52:13 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
不帅 该用户已被删除
板凳
发表于 2015-1-26 23:50:41 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
小魔女 该用户已被删除
地板
发表于 2015-2-5 04:59:03 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
冷月葬花魂 该用户已被删除
5#
发表于 2015-2-11 06:19:44 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
透明 该用户已被删除
6#
发表于 2015-3-1 23:49:47 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
变相怪杰 该用户已被删除
7#
发表于 2015-3-17 19:10:46 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
第二个灵魂 该用户已被删除
8#
发表于 2015-3-24 22:58:42 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 23:56

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表