[28期] 浅谈几句DIV+CSS布局

绝地灬酷狼 2022-05-15 08:53 223阅读 0赞

记得上周五我们学习了DIV+CSS整体布局,当时的作业是是做一个计算器,接着是两天的假期,就这个东西我弄了两天,一直没有弄好,我也没有看别人的,当时估计脑子进了不少水,也没有想太多,就是一个劲的改原来写的代码,只到周日的晚上我好像意识到了什么,我把原来写的代码全删了,后来不到一个小时的时间把计算器写完了,为什么会这样呢,因为我一开始是从小往大里写的,怎么讲呢,就是从最小的元素写起,后来越写越乱,我不知道有没有人像我这样,后来我我改进的方法是最最外层做起,这样一层一层的写到最外层,通过这个过程我领悟到以下几点,希望对大家有一点点帮助:
1、整体布局一定要从最大的块像最小的块写,这样思路清晰,写起来不会乱。改起来方便。
2、写代码要整洁,ID、类一定要有意义,好记,我写代码时候一般都是同时打开两个编辑器,一边写CSS,一边写HTML,对比起来写,这样方便查找问题。
顺便推荐大家一个编辑器啊,叫EditPlus,这个编辑器里面可以直接看IE下的效果,方便,也是全自写代码的,不会影响大家学习效果。

发表评论

表情:
评论列表 (有 0 条评论,223人围观)

还没有评论,来说两句吧...

相关阅读

    相关 windows柄表

    windows定义了很多内核对象:进程对象、线程对象、互斥量对象、信号量对象、事件对象、文件对象等等。在调用相应的函数创建这些对象后,我们都可以通过HANDLE类型的句柄来引用

    相关 CSS布局

    CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float)

    相关 CSS3中Flex布局

    一、简要介绍   css3最喜欢的新属性之一便是flex布局属性,用六个字概括便是`简单、方便、快速`。   flex( flexible box:弹性布局盒模型),W

    相关 [28] DIV+CSS布局

    记得上周五我们学习了DIV+CSS整体布局,当时的作业是是做一个计算器,接着是两天的假期,就这个东西我弄了两天,一直没有弄好,我也没有看别人的,当时估计脑子进了不少水,也没有想

    相关 [28] 半月 ??

    瞅下电脑右下角的时间,2011年3月4日,1点50分。掰开手指算算,来 北京已进半月了,时间不长,感触颇多。 半月 大概是从去年的11月份就开始跟当时的

    相关 六种前端布局

    目前前端页面的设计主要分为pc端和移动端,针对不同的项目需要我们可能会采取不同的布局格式 一,静态布局(static layout) 即传统Web设计,网页上的所有元素的尺

    相关 Android五大布局

    Android的界面是有布局和组件协同完成的,布局好比是建筑里的框架,而组件则相当于建筑里的砖瓦。组件按照布局的要求依次排列,就组成了用户所看见的界面。Android的五大布局