如何学习div+css
  • 更新时间:2024-09-28 03:31:36
  • 网站建设
  • 发布时间:1年前
  • 493

内容提要:1.毅力2.坚持用记事本写3.养成好的书写习惯如何学习div+css

1.养成良好的书写习惯

记得大学时一位教我们的delphi老师说过,优秀的程序员写出的程序就像诗一样,匀称优美。我想说我们在写html和styles的时候也应该这样。比如在写html网站制作的时候,我的习惯是成对的写div标签,然后填写内容。否则很容易丢掉结束标签,也很难排错。有人会说写简单的页面还好,但是写大的页面,一般都是几十个嵌套在一起,很容易写成字符串。有必要依靠适当的注释和缩进来避免它。写css的时候,网上有很多推荐的规范,比如menu要menu,copyright要CoryRight,bottom要footer等等,写的顺序一般是:display attribute-self attribute-text attribute。当然,这些并没有硬性规定,但是遵循一些不成文的规定并不是坏事,这样你写的代码就可以很容易被别人阅读。如何学习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。如果你只针对流行的浏览器,你只需要一些Hacks 就可以达到同样的效果。

我关注了网易新首页的CSS,没有!important和Hack,但是在FF和IE中显示效果很好。合理使用CSS可以避免Hack。当然,调试的时间会更多。

3. 包含浮动元素容器内的所有内容都应该设计成与容器保持一致。如果太大,它会滑到错误的位置。在容器外使用负边距调整也会造成滑动。

例子:Overflow 如果页面中有两个浮动元素,如果左边容器输出过多的内容,会导致右边容器跑到下面。也就是你的margin,width或者padding设置乱了,但是在FF中反映不出来。使用overflow:hidden 或overflow:scroll 来防止IE 允许内容溢出容器。

本文发表于北京网站建设公司推来客http://www.tlkjt.com/

我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!

本文章出于推来客官网,转载请表明原文地址:https://www.tlkjt.com/web/13217.html
推荐文章

在线客服

扫码联系客服

3985758

回到顶部