如何学习div+css
如何学习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/
推荐新闻
更多行业-
浅析如何提升页面价值积累百度权重
页面价值和百度权重是相对共生共赢的,任何站点的排名都是一个个不同的...
2012-02-05 -
网站制作中如何做好网站关键词筛选
在 SEO 优化过程中,一般情况下 SEOer 们都会选择一些最热门的...
2012-07-21 -
中小企业在网站建设中遇到网络攻击会出现哪些问题?
但是针对于一些中小型的企业,比如电子商城类,小型游戏,支付类型,H5页...
2019-08-30 -
Chrome因违反广告规定自罚 搜索排名下调60天
Chrome因违反广告规定自罚 搜索排名下调60天北京时间1月4日消息...
2012-01-05 -
尚品中国分享如何做好网站的流量
无论是企业还是个人,做出来的网站都是希望能够带来更多的展示,得到更多的...
2013-11-24 -
2021年企业网站建设如何更具吸引力
在建设网站的时候,要多考虑网站设计,如何让网站页面设计吸引更多用户的关...
2021-11-02
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com