问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

div+css在排版方面需要注意些什么问题呢?

发布网友 发布时间:2022-05-12 20:04

我来回答

4个回答

懂视网 时间:2022-05-13 00:25

当我们进行CSS+DIV的方式来重构我们的 html页面时,通常会发现一些是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误:

  1.检查HTML元素(如:、)、属性(如:class=”")是否有拼写错误、是否忘记结束标记 (如:
)
  因为Xhtml 语法比较严格,诸如Firefox 之类的浏览器如果检查发现Xhtml里面有语法错误,那页面是不能正常显示的。即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

  2. 检查CSS是否正确

  检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

  3. 确定错误发生的位置

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

  4. 利用border属性确定出错元素的布局特性

  使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界,错误原因即水落石出。

  5. float元素的父元素不能指定clear属性

  MacIE下如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的着名的bug,倘若不知道就会走弯路。

  6. float元素务必指定width属性

  很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。另外指定元素时尽量使用em而不是px做单位。

  7. float元素不能指定margin和padding等属性

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

  8. float元素的宽度之和要小于100%

  如果float元素的宽度之和正好是100%,某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。

  9. 是否重设了默认的样式?

  某些属性如margin、padding等,不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。

  10. 是否忘记了写DTD?

  如果无论怎样调整不同浏览器显示结果还是不一样,那么可以检查一下页面开头是不是忘了写下面这行DTD:

热心网友 时间:2022-05-12 21:33

这个问题不太好回答,这取决于你的CSS水平。

首先,确定网页的基本结构,没有必要先急着写CSS。而是因为确定网站大的结构。
网页结构非常重要,一个结构良好的页面其实可以避免使用我们常说的hack,很多兼容性问题都是因为结构不太合理而造成的。但是这些都需要有好的CSS基础才行。

其次,就是自己写的CSS要有高度的重用性,并且要将后期的改版考虑进去,这等等一系列问题都需要楼主非常熟练CSS才行。总之尽可能的让CSS文件越小越好,并且后期修改非常容易。能用class的地方绝对不用ID,尽可能的少用hack。

另外我建议你看一下 "编写高质量的代码 web 前端开发*之道 "这本书,这本书是新浪一个牛人写的。写得非常非常好,绝对值得楼主一看。

热心网友 时间:2022-05-12 22:51

而IE则不行,像margin会出现双倍间距问题,需要特别定义样式(IE6),div只是个盒子,真正定位的是CSS,不是DIV,这里需要注意一下,这里给你一个网址,里面追问额,你回答的不完整啊,是不是出什么差错了?

热心网友 时间:2022-05-13 00:26

设计的页面要基本上兼容各浏览器,主要就是IE6,IE7,IE8,火狐
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
汽车胎扎了个钉子是拔还是不拔? 台式机电源什么牌子好 台式机电源有哪些牌子 金牌 银牌 铜牌电源哪个好 台式机电源等级性能解析 电脑电源推荐-全汉(FSP) 500W银牌(88%)全模组SFX电源 我的妻子背叛了我,我该怎么办, 初一语文复习材料(急急急!!!) 绿色蝈蝈课后题答案七上语文 女人梦见黄鼠狼的七大预兆 怎么知道注塑机螺杆有无卡死现象? 请问为什么在钢之炼金术师fa里,爱德华一开始不用炼金术换 屏幕4K设置不闪屏 怎样让电脑支持4k 准备买个4k屏幕 怎么把1920分辨率的屏幕以4k形式运行呢 4K分辨率的屏幕,要怎么才能显示出效果 电视4K分辨率怎么体现 中华人民共和国特种设备作业人员证 新修订的 特种设备作业人员监督管理办法什么时候实施 258企业认证是干什么的,有什么作用? 新买的摩托车保险多少钱一个 统帅落地空调最大功率2500制冷量6800耗电每小时多少? 北京大学在中华好诗词哪三个人沈戈晖的·作品 如何征服你的直男老公 35岁的直男老公,内向嘴笨固执,还不愿改变。我不快乐,该怎样改变他呢? 对付直男癌式老公怎么办? 男友是个钢铁直男怎么办? 无畏棋圣柯洁作为围棋天才,为何会屡屡陷入争议? 新加坡a50股指期货圣诞节休市吗 写身边的别人的绝招作文三百五十字五篇 直男式的老公,该怎样让他改变? 绝招作文怎么写? 活动策划面试技巧 请问有谁知道这种图片用什么软件制作的?就是图片里面的文字。打打广告 就图片里的文字是什么 QQ空间一打开就是图片文字怎么弄? 就是怎么在一张白色的图片里制作文字 买车是分期但是发票是全款怎么做账? 这种图片怎么做就是那个文字怎么附上去 我需要软件提取图片上的文字、也就是将图片上的文字复制下来 有什么软件可以制造文字,就是像那种图片上的那种文字。 有没有什么软件可以把图片上的文字弄成txt文档,就是怎么把图片上的字移下来。 怎么进行业财融合?用什么软件或系统?? qq被别人申诉了怎么办啊 规划设计院“业财一体化”建设探析 业财一体化的跨境电商erp哪个比较好用? 业财一体化一般什么专业学 笔记本电脑最高内存4g 可以换内存条么 我的电脑是华硕顽石五代FL8000U,运行内存是4G,可以换内存条增加运行内存吗 急需要形容景色、表情、混乱的成语。 小班园本课程以美育人里面的PPT需要自己做吗 手机app云通讯改名字怎么改?