目录
回复讨论(解决方案)
首页 web前端 html教程 懒人的诉求:有没有支持CSS文件的可视化的页面开发工具?_html/css_WEB-ITnose

懒人的诉求:有没有支持CSS文件的可视化的页面开发工具?_html/css_WEB-ITnose

Jun 24, 2016 pm 12:25 PM

没正经做过网页,以前一直用编辑器看html,css,然后用浏览器调试。
今天突然发现这样太累了,如果页面复杂而且初始代码不是自己做的,就要发挥空间想象从html想页面。

请问有没有什么工具能所见即所得? 以前听说过dreamwaver,但是似乎那个东西编辑的css都是直接写在html代码里面的,会造成代码混乱不堪。 如果想保持所有CSS单独一个文件, html里面只有class, id, 同时还能可视化,比如代码里选中个div, 视图上就能反映出位置。  
----请问有这样的工具么?是不是太懒了一点


回复讨论(解决方案)

dreamwaver  css不都是直接写在html代码里面

可视化?

浏览器就得了,直接在浏览器的调试面板修改,修改好一个,就把改好的修改到css文件中去,然后再修改另外的,多好,这样至少你写代码的浏览器是不会有兼容问题的。

ie浏览器不行,那个调试工具太扯了

个人感觉火狐和谷歌的都不错,试试呗。

DW里 好像就已经支持了   包括布局  背景  大小的 一套可视化的工具

一直在用DW……

topstyle

代码修改后,浏览器f5一下,麻烦么?
代码中选中div,视图中显示位置,用火狐的firebug就可以了,反之视图中选中目标,下面直接选中相应代码都得行

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

热AI工具

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

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

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

PHP教程
1585
276
初学者的基本HTML标签 初学者的基本HTML标签 Jul 27, 2025 am 03:45 AM

要快速入门HTML,只需掌握几个基础标签即可搭建网页骨架。1.页面结构必备、和,其中是根元素,包含元信息,是内容展示区域。2.标题使用到,级别越高数字越小,正文用标签分段,避免跳级使用。3.链接使用标签并配合href属性,图片使用标签并包含src和alt属性。4.列表分为无序列表和有序列表,每个条目用表示且必须嵌套在列表中。5.初学者不必强记所有标签,边写边查更高效,掌握结构、文本、链接、图片和列表即可制作基础网页。

输入标签中的名称属性是什么? 输入标签中的名称属性是什么? Jul 27, 2025 am 04:14 AM

thenAmeatTributeInAninputTagisusIfe to IndentifyTheInputWhentheFormisSubSted; iservesAsTheKeyInthekey-ValuePairsentTotheserver,wheretheuser'sinputisthevalue.1.whenaformented,

您可以在另一个标签中放置一个标签吗? 您可以在另一个标签中放置一个标签吗? Jul 27, 2025 am 04:15 AM

❌Youcannotnesttagsinsideanothertagbecauseit’sinvalidHTML;browsersautomaticallyclosethefirstbeforeopeningthenext,resultinginseparateparagraphs.✅Instead,useinlineelementslike,,orforstylingwithinaparagraph,orblockcontainerslikeortogroupmultipleparagraph

如何在HTML中嵌入PDF文档? 如何在HTML中嵌入PDF文档? Aug 01, 2025 am 06:52 AM

使用标签是最简单且推荐的方法,语法为,适用于现代浏览器直接嵌入PDF;2.使用标签可提供更好的控制和备用内容支持,语法为,并在标签内提供下载链接作为不支持时的备用方案;3.可选通过GoogleDocsViewer嵌入,但因隐私和性能问题不建议广泛使用;4.为提升用户体验,应设置合适的高度、使用响应式尺寸(如height:80vh)并提供PDF下载链接,以便用户自行下载查看。

html'样式”标签:内联与内部CSS html'样式”标签:内联与内部CSS Jul 26, 2025 am 07:23 AM

样式放置方式需根据场景选择。1.Inline适合单元素临时修改或JS动态控制,如按钮颜色随操作变化;2.内部CSS适合页面少、结构简单项目,便于集中管理样式,如登录页基础样式设置;3.优先考虑复用性、维护性及性能,大项目拆分外链CSS文件更优。

如何在HTML中创建一个无序的列表? 如何在HTML中创建一个无序的列表? Jul 30, 2025 am 04:50 AM

要创建HTML无序列表,需使用标签定义列表容器,每个列表项用标签包裹,浏览器会自动添加项目符号;1.使用标签创建列表;2.每个列表项用标签定义;3.浏览器自动生成默认圆点符号;4.可通过嵌套实现子列表;5.使用CSS的list-style-type属性可修改符号样式,如disc、circle、square或none;正确使用这些标签即可生成标准无序列表。

如何使用可满足的属性? 如何使用可满足的属性? Jul 28, 2025 am 02:24 AM

theconteDitiitableAttributeMakesyHtmLelementEdabledableddingContenteDibledable =“ true”,允许使用contostlymodifectlymodifycontentinthebrowser.2.itiscommonlysonlysedinrysedinrichedinrichtexteditors,note-placeedingingInterInterfaces,andIn-placeeditingInterfaces,supportingingingingingingingingingingingingingingingelementslementslementLikeDikeDivikeDiv

如何在html中的网站标题选项卡中添加图标 如何在html中的网站标题选项卡中添加图标 Aug 07, 2025 pm 11:30 PM

要为网站标题栏添加图标,需在HTML的部分链接一个favicon文件,具体步骤如下:1.准备一个16x16或32x32像素的图标文件,推荐使用favicon.ico命名并放置于网站根目录,或使用PNG、SVG等现代格式;2.在HTML的中添加链接标签,如,若使用PNG或SVG格式则相应调整type属性;3.可选地为移动设备添加高分辨率图标,如AppleTouchIcon,并通过sizes属性指定不同尺寸;4.遵循最佳实践,将图标置于根目录以确保自动检测,更新后清除浏览器缓存,检查文件路径正确性,

See all articles