MENU 服务 案例
网站建设-网站设计-北京网站建设-高端网站制作公司-尚品中国
我们通过拥抱变化创造
360°的品牌价值__
简体
简体中文 English

尚品签约Charles River | 维通利华网站建设项目

类型:项目动态 了解更多

如何学习div+css

来源:尚品中国| 类型:网站百科| 时间:2012-05-31
内容提要: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)。
TAG标签:

如果您的网站可以增加转化次数并提高客户满意度,该怎么办?

预约专业咨询顾问沟通!

*尚品专业顾问将尽快与您联系

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60259772
电子邮件:394588593@qq.com

现在就与专业咨询顾问沟通!

  • 全国服务热线

    400-700-4979

  • 北京服务热线

    010-60259772

信息保护中请放心填写
在线咨询

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60259772
电子邮件:394588593@qq.com