html css js為什么不直接設(shè)計(jì)成可視化的,像做PPT那樣？有很多可視化的HTML CSS JS工具，比如：DW，h5builder，Baidu website framework，Vue等但是

html css js為什么不直接設(shè)計(jì)成可視化的,像做PPT那樣？

有很多可視化的HTML CSS JS工具，比如：DW，h5builder，Baidu website framework，Vue等

但是效果不如PPT，這涉及到一個基本的問題：開發(fā)語言。

Ppt屬于Microsoft的封閉式office套件，其格式是獨(dú)占的，并且沒有供開發(fā)人員使用的用戶定義的開發(fā)腳本（excel有VBA宏）。Word具有基本的功能。Ppt僅提供封閉效果引用，如動畫、圖片效果渲染等

Html是一種超文本標(biāo)記語言。在JS腳本和CSS樣式表的描述下，提供給瀏覽器（開放軟件）臨時編譯對象在瀏覽器框架下運(yùn)行。因此，有些網(wǎng)頁在一個瀏覽器中顯示正常，在另一個瀏覽器中顯示不正常。因此，很難提供一個類似ppt的可視化框框用于網(wǎng)頁的拖放編輯。

近年來，經(jīng)過前端開發(fā)和后端開發(fā)的分離，前端正朝著框架和模板的方向發(fā)展。如果沒有后臺的數(shù)據(jù)支持，在開發(fā)階段，很多頁面甚至是空白的，這就更不可能用PPT的方式開發(fā)了

用css網(wǎng)頁設(shè)計(jì)代碼怎樣把下面的幾排文字放到網(wǎng)頁的右邊的白色背景中去？

HTML:<div class=“box”><div class=“l(fā)eft”> left</div><div class=“right”> right</div></div>css:.框{ 寬度：1000px溢出：hidden}.左{浮動：左寬度：200px}。右{浮動：右寬度：790px}通常，有多個方法可以向左浮動，向右浮動，然后清除父框的浮動。對于特殊情況，請執(zhí)行

1。創(chuàng)建一個名為測試.html，用于解釋CSS如何在網(wǎng)頁中的文本下劃下劃線。

2. 在測試.html在文件中，使用P標(biāo)簽創(chuàng)建一行文本，文本內(nèi)容為“this is the test text”。

3. 在測試.html在文件中，將P label的ID屬性設(shè)置為TT，主要用來通過這個ID設(shè)置P元素的CSS樣式

4。在測試.html文件中，寫入<style type=“text/CSS”></style>標(biāo)記，頁面的CSS樣式將寫入標(biāo)記中。

5. 在測試.html在文件中的CSS標(biāo)記中，CSS樣式由元素名定義。接下來，CSS樣式將寫在花括號中。

6. 在CSS標(biāo)記中，將text decoration屬性設(shè)置為underline In curly braces，以實(shí)現(xiàn)文本加下劃線的效果。

7. 在瀏覽器中打開測試.html文件，查看實(shí)現(xiàn)效果。