您现在的位置是:首页 > 网站制作 > 前端设计前端设计

新手在进行CSS网页编码以前需要注意的十个问题

胜于蓝2020-07-21【前端设计】人已围观

简介手在进行CSS网页编码以前,往往感觉难以下手,或者丢三忘四,虽然大前端的前端开发教程很丰富,但全面的了解,还需要动手编码,只的通过实际编码,才能提高。有时候CSS熟手,也难免在书写CS

手在进行CSS网页编码以前,往往感觉难以下手,或者丢三忘四,虽然大前端的前端开发教程很丰富,但全面的了解,还需要动手编码,只的通过实际编码,才能提高。有时候CSS熟手,也难免在书写CSS代码的时候出一些小错误,或者说,任何一种代码都是如此。小错误却往往造成大问题,浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中需要注意的十个问题,努力的修正你可能会犯的错误,加速你的前端开发效率。jcW胜于蓝|优秀个人博客

一、检查html元素是否有拼写错误、是否忘记结束标记jcW胜于蓝|优秀个人博客

即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。jcW胜于蓝|优秀个人博客

二、检查CSS是否书写正确jcW胜于蓝|优秀个人博客

检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。jcW胜于蓝|优秀个人博客

三、用删除法确定错误发生的位置jcW胜于蓝|优秀个人博客

如果错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。jcW胜于蓝|优秀个人博客

四、利用border属性确定出错元素的布局特性jcW胜于蓝|优秀个人博客

使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界,错误原因即水落石出。jcW胜于蓝|优秀个人博客

五、float元素的父元素不能指定clear属性jcW胜于蓝|优秀个人博客

MacIE下如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的著名的bug,倘若不知道就会走弯路。jcW胜于蓝|优秀个人博客

六、float元素务必指定width属性jcW胜于蓝|优秀个人博客

很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。jcW胜于蓝|优秀个人博客

七、float元素不能指定margin和padding等属性jcW胜于蓝|优秀个人博客

IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方法为IE指定特别的值。jcW胜于蓝|优秀个人博客

八、float元素的宽度之和要小于100%jcW胜于蓝|优秀个人博客

如果float元素的宽度之和正好是100%,某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。jcW胜于蓝|优秀个人博客

九、是否重设了默认的样式?jcW胜于蓝|优秀个人博客

某些属性如margin、padding等,不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。jcW胜于蓝|优秀个人博客

十、是否忘记了写DTD?jcW胜于蓝|优秀个人博客

如果无论怎样调整不同浏览器显示结果还是不一样,那么可以检查一下页面开头是不是忘了写下DTD声明。jcW胜于蓝|优秀个人博客

这些问题,看似简单,在初写代码的时候,往往很容易犯。供大家参考。jcW胜于蓝|优秀个人博客

Tags:

很赞哦! ()

文章评论

当前时间

快速排名

  • 网站建设|万词霸屏,企业软文推广,刷下拉框
  • 快速排名:不用再等SEO三个月,只需3-7天即可把行业关键词覆盖百度搜索引擎首页,点击不收费,排名报表,真实访问量报表一目了然。

合作加盟

  • 扫码请注明来意,否则不会通过
  • 填写商户姓名不要带有“超市”,“便利店” ,“百货”等
  • 扫码成为快钱代理
  • 扫码加站长微信,为您推荐快钱总部负责人
  • 快钱POSS机(电签版)
  • 1,免押版:签约费率快捷交易0.38%,常规交易0.65%
  • 贷记卡单笔≥3000元视为激活
  • 2,,有押版:签约快捷交易0.38%,常规交易0.65%
  • 激活首刷≥99元,扣除99元系统服务费,多出部分shishi到账
  • 电签版ipos参与每月扶持奖励
  • 电签版ipos与Mpos单独考核台均
  • 30台以上有效激活奖励3000元扶持金
  • 当月交易额≥3000元的为活跃用户

本站推荐

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计7074篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 扫描二维码:请注明来意,否则不会通过
  • 微信号:扫描二维码,关注我们
歌名 - 歌手
0:00