目录
回复讨论(解决方案)
首页 web前端 html教程 网页切片+div+css问题_html/css_WEB-ITnose

网页切片+div+css问题_html/css_WEB-ITnose

Jun 24, 2016 pm 12:13 PM

我知道切片后可以生成HTML文件 ,不过是用表格布局,所以想换用DIV+CSS布局,怎么实现的?如果把表格删了就会很乱了,怎么用DIV+CSS拼在一起的?本人会一些DIV+CSS。还有切出来片都很乱。一小块一小块的。真要拼起来。可不是简单的事。难道是我切片有问题?有没相关教程?感谢 了。 急。。在线等 。。Q:229249061


回复讨论(解决方案)

会div+css那就做排版工作啊。直接切了图自动生成的页面能直接用吗?

会div+css那就做排版工作啊。直接切了图自动生成的页面能直接用吗?
能直接用。不过是用表格的。我不想用表格。有没相关的资料???切片技术也行。可能我切片有点问题吧。都是一小块。都是不规则的。

用DIV比TABLE要活。建议在切图时,不要把图切得太乱。最好是有规则的块。
在用DIV布局时,先把代码写好,再把切的图插入进去就可以了。

用DIV比TABLE要活。建议在切图时,不要把图切得太乱。最好是有规则的块。
在用DIV布局时,先把代码写好,再把切的图插入进去就可以了。
说得太对了。可能就是切片问题吧。有没相关教程呢?我也是第一次接触这东西。没有经验。

先分清 结构/表现/行为,然后写代码,再根据结构代码切图。

所谓的DIV+CSS也别想的多复杂,DIV简单的说就是画框框(这就是要区别于表格。拖个表格框框就自己生成,只需设置样式,),,CSS就是控制框框的长宽,以及位置,,,,你想要用DIV+CSS,就首页写DIV把内容框起来,再设置样式,自己多做几次就熟悉了

当然,框框要是矩形的,,,所以,切片的时候,注意切片的长度和宽度

DIV+CSS布局还是有一定难度的,难在他平衡浏览器上。
楼主的问题就在于不熟悉这样的布局方式。
您可以看看这方面的书籍,然后练练。
推荐给你个站点很不错的基本看2天就能写了
http://www.aa25.cn/layout/

直接切了图自动生成的页面能直接用的话,然后再根据自动生成的Html代码来布局就成事了

DIV+CSS和TABLE布局完全是两回事,别想着能直接写两句话就能替换下来,要替换的话,只能是重新写。。。
这跟切片没关系的。。

切素材部分,弄好配色和尺寸文档。
然后开始堆积木。

PS直接切出来的table不是很好用,如果能重新排一下,修改的时候会很方便,切图切得细了,用DIV+CSS样式就写的时候会比较好写了。

用关联网页效果图自动切片生成DivCss工具(原巨龙效果图自动切片生成DivCss工具)标准版\淘宝版\豪华版\数据库版吧、切片生成divcss li,ul超快,超简单几乎兼容所有浏览器,http://www.guanlian8.com

现在看到自己以前提出的问题真的真的很菜。

现在看到自己以前提出的问题真的真的很菜。
但对于我们新手来说,却是学习的资料。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

> gt;的目的是什么 元素? > gt;的目的是什么 元素? Mar 21, 2025 pm 12:34 PM

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

< datalist>的目的是什么。 元素? < datalist>的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

< meter>的目的是什么。 元素? < meter>的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前

视口元标签是什么?为什么对响应式设计很重要? 视口元标签是什么?为什么对响应式设计很重要? Mar 20, 2025 pm 05:56 PM

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

< iframe>的目的是什么。 标签?使用时的安全考虑是什么? < iframe>的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

本文讨论了< iframe>将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。

HTML容易为初学者学习吗? HTML容易为初学者学习吗? Apr 07, 2025 am 12:11 AM

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML,CSS和JavaScript的角色:核心职责 HTML,CSS和JavaScript的角色:核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

HTML中起始标签的示例是什么? HTML中起始标签的示例是什么? Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

See all articles