外觀,編輯,默認(rèn)css樣式編輯,前端在線編輯是沒有的只能軟件輔助
創(chuàng)新互聯(lián)專注于平安企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,成都做商城網(wǎng)站。平安網(wǎng)站建設(shè)公司,為平安等地區(qū)提供建站服務(wù)。全流程定制開發(fā),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
第一種..當(dāng)你把它保存為一個(gè)單獨(dú)的CSS文件時(shí)叫做外部CSS樣式...
而當(dāng)你把它直接讓在html里的style標(biāo)簽里的時(shí)候它叫做內(nèi)部CSS樣式
第2種...叫做行內(nèi)樣式..
區(qū)別就在于...第一種如果你指定一個(gè)CLASS或者一個(gè)tag那么它會(huì)針對(duì)整個(gè)頁(yè)面起作用..而第2種不管你怎么指定DIV的class..它只對(duì)這一個(gè)DIV起作用..而且..寫入后...頁(yè)面的代碼變的擁擠..這樣不好..盡量少的寫行內(nèi)樣式...
你去下載一個(gè)插件,叫做Emmet,Dreamweaver能用,此外Sublime Text, Notepad++等許多編輯器都能用,這個(gè)插件就是專用于提高CSS書寫速度的,不過用之前花上10分鐘學(xué)習(xí)一下基本用法,然后你就會(huì)覺得太好用離不開它了。
也可以用一些Web集成開發(fā)環(huán)境,比如WebStorm,這個(gè)WebStorm是JetBrains公司的,也就是開發(fā)IntelliJ,以及Android Studio的那個(gè)公司,WebStorm已經(jīng)集成了Emmet。
還有就是裝上一些所見即所得的CSS編輯器了,比如TopStyle 5,編輯時(shí)會(huì)有下拉提示,就像用Eclipse開發(fā)Java似得,不過我覺得還是Emmet插件那樣的方式寫CSS更快。
1. CodeSandbox(基于 React 的在線代碼沙盒平臺(tái)) 我常用的
① 主流的腳手架都支持,比如在線create-react-app,vue-cli等(在線 fork 修改),支持 github 登錄(項(xiàng)目導(dǎo)入),也支持 cli 上傳例子,例子可以在線訪問和下載,當(dāng)然也支持內(nèi)嵌到其他博客等網(wǎng)頁(yè)中。
② 地址:
③ 圖示
2. CodePen(前端代碼編輯運(yùn)行的網(wǎng)站)
① CodePen 是一個(gè)完全免費(fèi)的前端代碼托管服務(wù),主要功能有:
② 地址:
③ 圖示
3. JSRUN(支持手機(jī)端的在線JS編輯器)
① jsrun是一款支持手機(jī)端的在線JS編輯器, HTML/CSS/Javascript在線代碼運(yùn)行工具,js代碼在線測(cè)試調(diào)試,是runjs的升級(jí)版支持vue.js/angular.js的在線編輯器
② 地址:
③ 圖示
4. jsFiddle(前端代碼編輯運(yùn)行的網(wǎng)站)
① jsFiddle 是一個(gè)Web開發(fā)人員的練習(xí)場(chǎng),可在線編輯和測(cè)試 HTML、CSS、JavaScript代碼片段。在 jsFiddle 編輯的代碼,可以保存,也可分享給其他人,還可嵌入到其他網(wǎng)頁(yè)
② 地址:
③ 圖示
5. Ideone(C和C++的在線編譯和調(diào)試工具,支持其他的60種語(yǔ)言) 我常用
① Ideone是C和C++的在線編譯和調(diào)試工具,支持其他的60種語(yǔ)言。這個(gè)工具提供許多強(qiáng)大的功能,允許程序員快速高效的編譯源代碼
② 地址:
③ 圖示
6. Codechef(C,C ++和Java的在線編譯工具)
① 它支持C,C ++和Java,非常接近真正的桌面IDE。這是超快速和易于使用。適合于課堂和作業(yè)的學(xué)生,練習(xí)面試問題。
② 地址:
③ 圖示
7. JDoodle (C,C ++和Java的在線IDE)
① 支持協(xié)作代碼。它只是從一個(gè)簡(jiǎn)單的文本區(qū)域開始,您可以粘貼代碼,然后單擊運(yùn)行。您可以更改命令行參數(shù)并在運(yùn)行該程序之前設(shè)置stdin。最適合新的在線編輯器不支持的許多舊語(yǔ)言。
② 地址:
③ 圖示
8. OnlineGDB (在線C,C ++,Java,PHP編譯器) 我常用
① 它支持C,C ++,PHP和Java編譯器。OnlineGDB的獨(dú)特功能是,您可以逐步調(diào)試您的代碼。一旦代碼被寫入,它可以很容易地格式化,使其看起來(lái)不錯(cuò)。
② 地址:
③ 圖示
9. GCC資源管理器
① GCC編譯器資源管理器是一個(gè)交互式在線編譯器,它顯示編譯后的C++、RISE、GO(以及更多)代碼的匯編輸出。
② 地址:
③ 圖示
10. plnkr edit在線編輯器
① js的在線編輯器。
② 地址:
③ 圖示