189 8069 5689
外观，编辑，默认css样式编辑，前端在线编辑是没有的只能软件辅助
创新互联专注于平安企业网站建设,响应式网站,成都做商城网站。平安网站建设公司,为平安等地区提供建站服务。全流程定制开发，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
第一种..当你把它保存为一个单独的CSS文件时叫做外部CSS样式...
而当你把它直接让在html里的style标签里的时候它叫做内部CSS样式
第2种...叫做行内样式..
区别就在于...第一种如果你指定一个CLASS或者一个tag那么它会针对整个页面起作用..而第2种不管你怎么指定DIV的class..它只对这一个DIV起作用..而且..写入后...页面的代码变的拥挤..这样不好..尽量少的写行内样式...
你去下载一个插件，叫做Emmet，Dreamweaver能用，此外Sublime Text, Notepad++等许多编辑器都能用，这个插件就是专用于提高CSS书写速度的，不过用之前花上10分钟学习一下基本用法，然后你就会觉得太好用离不开它了。
也可以用一些Web集成开发环境，比如WebStorm，这个WebStorm是JetBrains公司的，也就是开发IntelliJ，以及Android Studio的那个公司，WebStorm已经集成了Emmet。
还有就是装上一些所见即所得的CSS编辑器了，比如TopStyle 5，编辑时会有下拉提示，就像用Eclipse开发Java似得，不过我觉得还是Emmet插件那样的方式写CSS更快。
1. CodeSandbox(基于 React 的在线代码沙盒平台) 我常用的
① 主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线 fork 修改),支持 github 登录(项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当然也支持内嵌到其他博客等网页中。
② 地址：
③ 图示
2. CodePen(前端代码编辑运行的网站)
① CodePen 是一个完全免费的前端代码托管服务，主要功能有：
② 地址：
③ 图示
3. JSRUN(支持手机端的在线JS编辑器)
① jsrun是一款支持手机端的在线JS编辑器, HTML/CSS/Javascript在线代码运行工具,js代码在线测试调试,是runjs的升级版支持vue.js/angular.js的在线编辑器
② 地址：
③ 图示
4. jsFiddle(前端代码编辑运行的网站)
① jsFiddle 是一个Web开发人员的练习场,可在线编辑和测试 HTML、CSS、JavaScript代码片段。在 jsFiddle 编辑的代码,可以保存,也可分享给其他人,还可嵌入到其他网页
② 地址：
③ 图示
5. Ideone(C和C++的在线编译和调试工具,支持其他的60种语言) 我常用
① Ideone是C和C++的在线编译和调试工具,支持其他的60种语言。这个工具提供许多强大的功能,允许程序员快速高效的编译源代码
② 地址：
③ 图示
6. Codechef(C，C ++和Java的在线编译工具)
① 它支持C，C ++和Java，非常接近真正的桌面IDE。这是超快速和易于使用。适合于课堂和作业的学生，练习面试问题。
② 地址：
③ 图示
7. JDoodle (C，C ++和Java的在线IDE)
① 支持协作代码。它只是从一个简单的文本区域开始，您可以粘贴代码，然后单击运行。您可以更改命令行参数并在运行该程序之前设置stdin。最适合新的在线编辑器不支持的许多旧语言。
② 地址：
③ 图示
8. OnlineGDB (在线C，C ++，Java，PHP编译器) 我常用
① 它支持C，C ++，PHP和Java编译器。OnlineGDB的独特功能是，您可以逐步调试您的代码。一旦代码被写入，它可以很容易地格式化，使其看起来不错。
② 地址：
③ 图示
9. GCC资源管理器
① GCC编译器资源管理器是一个交互式在线编译器，它显示编译后的C++、RISE、GO（以及更多）代码的汇编输出。
② 地址：
③ 图示
10. plnkr edit在线编辑器
① js的在线编辑器。
② 地址：
③ 图示