快速記住CSS樣式屬性單詞及輸入HTML+CSS的方法

標籤：

DIVCSS5教大家一種快速記住CSS樣式屬性單詞及用法的方法，告別死記硬背才是硬道理。

CSS樣式布局中使用的CSS樣式英文單詞，不需要死記硬背，會使用認識，知道長什麼樣即可。在DIV CSS布局開發中對於是否會拼字CSS屬性單詞關係不大，會使用、知道使用什麼單詞即可。

避免記住CSS屬性英文單詞，輸入時候錯輸入字母概論。利用以下DIVCSS5介紹DW軟體代碼提示功能飛速熟練不易錯輸入CSS單詞。

一、多實踐  

記住單詞靈活熟練使用CSS樣式布局不在於是否記住會全拼手動輸入CSS單詞代碼，而是多實踐，第一次使用可能不知道對於CSS單詞長什麼樣，第二次使用知道大概長什麼樣，第三次記住單詞開頭以什麼字母開頭，對應值有哪些，第四次使用就完全掌握此CSS單詞開頭字母、文法、可跟值等資訊。

這樣多次使用多次實踐，自然不懂CSS單詞拼字也能快速利用DW軟體快速輸入CSS英文單詞和值。如果您死記硬背短時記住英文單詞拼字方法，沒有使用同樣過幾天就忘記拼字方法與用法。如果多實踐即使不會完全拼字單詞依然能快速開發DIV+CSS布局。

二、藉助Dreamweaver（DW）軟體輸入CSS  

DW軟體有個很好使用的功能，那就是HTML代碼輸入提示功能和CSS代碼輸入提示功能。此提示功能能快速輸入HTML代碼無論開始標籤和閉合標籤都非常輕鬆快捷。同時輸入CSS代碼時，單詞提示功能與對應CSS樣式值提示功能非常強大，不需要您全屏英文單詞。只需要輸入對應單詞開頭字母即可快速選擇輸入需要的CSS單詞和對應英文值。

1、DW軟體輸入常用標籤

快速輸入標籤

輸入標籤時當鍵入小於符號“<”時，DW軟體快速會提示出可選標籤代碼，你再通過輸入標籤“首字母”，可以快速選中“斷行符號鍵”輸入對應標籤。

輸入div標籤

快速閉合html標籤輸入方法

當輸入“</”後自動快速閉合“</div>”

不妨利用DW軟體自己測試測試，無論輸入各類HTML標籤也好，還是在標籤內輸入Class和Id一樣快捷。

堅持使用多加訓練熟練自然會提高輸入代碼速度。

2、DW軟體輸入CSS單詞與值 與輸入HTML標籤與屬性一樣，CSS代碼在CSS檔案或輸入CSS代碼地方寫CSS單詞同樣可以利用DW軟體提示功能快速鍵盤選擇輸入CSS英文單詞和屬性樣式英文值。

快速輸入CSS樣式單詞說明

輸入第二個CSS樣式單詞

同樣使用提示功能快速輸入其它CSS樣式單詞，需要注意：輸入第二個樣式時，要讓DW軟體提示CSS單詞視窗顯示，此時必須在上一個CSS單詞樣式結束“分號”後鍵入一個“空格”此時DW軟體才會顯示提示CSS單詞視窗。

鍵入CSS樣式值依然可以使用dw提示功能

輸入CSS代碼完全可以使用DW軟體提示功能輸入CSS樣式英文單詞，和對應英文單詞值。

提示：輸入CSS代碼在html中將CSS代碼style標籤內；如果是CSS檔案，那可直接CSS檔案裡輸入CSS代碼。

三、配合使用DIVCSS5教程  

可能才接觸CSS單詞時，知道設定什麼名稱樣式，但不知道對應CSS單詞長什麼樣、不知道CSS單詞以什麼字母開頭、不知道對應值如何設定，此時需要在DIVCSS5網站協助你度過這個前期痛苦階段。

比如你要輸入“高度”，但是不知道是什麼單詞？

1、進入CSS基礎欄目尋找教程 此時你可以到DIVCSS5直接進入CSS基礎欄目尋找要的CSS教程。

對應CSS教程欄目找到需要教程文章

此欄目收集常用CSS樣式和對應圖文教程，通過基礎文法講解到案例圖文介紹對應樣式。

2、直接DIVCSS5搜尋

直接網站頂部搜尋相關教程、無論搜尋基礎教程還是CSS問題均可使用

通過以上兩種方法尋找CSS教程或CSS問題均能快速進入對應文章教程。通過對教程學習瞭解加上實踐會在短時間內快速掌握和記住CSS輸入需要的知識。

DIVCSS5提示：開始接觸CSS輸入代碼比較不習慣，但堅持多實踐慢慢會提升不少。

四、DIVCSS5總結

多加練習，不別完全拼字CSS英文單詞和CSS樣式值的英文單詞，也不需要死記硬背，只需要記住什麼功能的CSS樣式單詞大概長什麼樣，以什麼字母開頭（可以記住英文單詞前1-2個開頭字母），記住可跟值，如果值也是英文單詞的同樣可記住對應值開頭字母。前期練習時候配合DIVCSS5網站線上教程對單詞認識，加上DW軟體輸入單詞方法，多加訓練練習自然會提高輸入代碼速度，而且不容易拼錯CSS英文單詞。

快速記住CSS樣式屬性單詞及輸入HTML+CSS的方法