首页 > 新闻 > 知识赋能

如何学习div+css

2012-05-31 5459
分享至:
内容提要:1.毅力2.坚持用记事本写3.养成好的书写习惯
如何学习div+css
1.养成好的书写习惯
记得大学时候一个教我们delphi老师说过,好的程序员写出的程序像诗一样,错落有致,很有美感。我想说我们在写html和样式的时候也应该是这样的,比如在写html网站制作的时候,我的习惯是div标签成对写好,再填内容。不然很容易落下关闭标签,出现错误很难排查,有人会说了,写简单的页面可以,但是写大的页面,通常几十个套在一起,容易写串,这种情况也会有,这就要靠恰当的注释,和缩进来避免了。写css的时候网上有很多推荐的规范,比如菜单类用menu,版权用CoryRight,底部用footer等等,在书写顺序上一般是:显示属性-自身属性-文本属性。当然这些都没有硬性的规定,但是遵循一些不成文的规定不是坏事,这样让自己写的代码,容易让别人读懂。

如何学习div+css
2.毅力
这个就不多说了,做任何事都需要,写样式更是。样式就那几个,标签也就那几个,翻来覆去是不会少的。调浏览器的兼容性更是需要耐性和毅力。

如何学习div+css
3.坚持用记事本写
我真正的接触div+css也不过一年,所以也是个初学者,开始也一样在DW里面拖拖拽拽,做东西的时候全部在设计视图下从来不看也不管页面代码什么样的,我们老师也是那样教的,那时候对网页的概念就是图片,动画的堆砌。毕业参加工作以后,很庆幸,遇到了一个不错的主管,在最初学习css给了我很大的帮助。要求我完全用记事本写,于是我向隔壁的美工借了本书,外国的具体什么名字忘记了,红白封面,还有一本叫做《CSS基础教程》感觉还不错。下个了苏昱的css帮助手册,就一边写,一边看书,查手册。
也许我的方法不是最好的,但是很适合我。如果开始过多的依赖于软件,css里面的很多样式需要很久才会记得,用起来自然不会得心应手,等慢慢熟记了手册里的每个样式以后,为了提高开发效率,再用(Dreamweaver简写,下同)写。

网页设计:DIV+CSS制作网页之浏览器兼容问题

DIV+CSS制作网页之浏览器兼容问题
1. 放弃IE5和IE5.5,只支持最新的浏览器,这样一来就能省下很多时间。
2. 对于IE6来说 不用使用盒模型Hack。如果只针对流行浏览器的话,只需要很少的Hack就能实现同样的效果。

我注意了一下网易新版主页的CSS,其中竟然 一个!important或者Hack都没有,可是在FF和IE里面显示效果都很好。合理的使用CSS可以避免Hack。当然,调试的时间会多一些。

3. 包含浮动元素所有在容器内的内容都应该被设计为和容器保持一致。如果过大的话就会滑动到错误位置。使用负值margin调整到容器外同样会导致滑动。

例:Overflow如果页面中有两个浮动元素,在左容器内输出过多内容的话就会导致右侧容器跑到下面。也就是说你的margin、宽度或者padding 设置混乱了,不过在FF里面体现不出来。使用overflow:hidden或者overflow:scroll可以避免IE允许内容溢出容器。
本文发布于北京网站建设公司尚品中国http://www.sino-web.net/
来源声明:

本文章系尚品中国编辑原创或采编整理,如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系(010-60259772)。

立即预约专属顾问 开启数字化转型之旅!

10年+资深项目经理1V1服务 | 行业定制化方案 | 精准报价体系
获取策划方案
立即预约专属顾问 开启数字化转型之旅!

咨询我们,获得专业的服务和报价

联系我们,免费获取项目方案及报价,或只是聊一聊您的项目? 在收到您的需求留言后我们将由专业人员于24小时内与您取得联系,请您保持电话畅通!

  • 科研院所解决方案
  • 外贸出海解决方案
  • 协会学会解决方案
  • 集团上市公司解决方案
  • 生物医药解决方案
  • 制造业解决方案
  • 高校教育解决方案
  • 信创网站改造解决方案
更多服务咨询,请联系尚品

010-60259772

您的姓名 *
您的电话 *
您的邮箱
公司名称 *