http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 5031|回复: 3

[CSS] DIV+css初学者需要引起重视的10个问题与技巧

[复制链接]
发表于 2013-5-4 23:31:54 | 显示全部楼层 |阅读模式
DIVcss初学者往往感觉自己遇到很多莫明其妙的问题,其实只是一些小细节没有引起重视,在52CSS.com中,有多篇文章提醒大家经引起重视, 下面罗列了10个问题与技巧,温故而知新。
一、检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
二、检查 CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。 CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。
三、确定错误发生的位置
假如错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。
四、 利用border属性确定出错元素的布局特性
使用float属性布局一不小心就会出错。这时为元素添加border属性 确定元素边界,错误原因即水落石出。

五、float元素的父元素不能指定clear属性
MacIE下假如对float的元素的父元素使用clear属性,四周的float元素布局就会混乱。这是MacIE的闻名的bug,倘若不知道就会走 弯路。
六、float元素务必指定width属性
很多浏览器在显示未指定 width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。
七、 float元素不能指定margin等属性
IE在显示指定了margin的float 元素时有bug。因此不要对float元素指定margin属性(可以在float元素内部嵌套一个div来设置margin)。也可以使用hack方法为IE指定非凡的值。
八、float元素的宽度之和要小于100
假如float元素的宽度之和正好是100,某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99。
九、 是否重设了默认的样式?
某些属性如margin、padding等,不同浏览器会有不同的解释。因此最好在开发前首先将 全体的margin、padding设置为0、列表样式设置为none等。
十、是否忘记了写DTD?
假如无论怎样调整不同浏览器显示结果还是不一样,那么可以检查一下页面开头是不是忘了写DTD。



1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
发表于 2013-8-9 00:49:04 | 显示全部楼层
float元素也可以指定margin啊,只是如果float元素设为left时,最好不再用margin-left,同理float元素设置为right时,最好不要用margin-right{:soso_e100:}{:soso_e100:}
发表于 2013-8-9 00:50:06 | 显示全部楼层
float元素也可以用margin吧
发表于 2014-6-5 11:16:18 | 显示全部楼层
现在没时间看,先留个记号,回头细细品味!
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-5-15 18:15

© 2014-2021

快速回复 返回顶部 返回列表