App下載
話題 首頁 > CSS 教程 > CSS 教程話題列表 > 詳情

如何快速記住及輸入CSS樣式屬性單詞?

精華
前端?蕾兒 2016-12-01 09:56:56 瀏覽(7026) 回復(fù)(5) 贊(0)
初學(xué)CSS求快速記住CSS樣式屬性單詞及輸入HTML+CSS的方法,萬分感謝~
css

回答(5)

榮愛牛 精華 2016-12-01

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

W3Cschool 介紹一種快速輸入HTML代碼、快速輸入CSS 樣式英文單詞與樣式值輸入的方法。降低英文單詞代碼輸入錯誤概率,提升輸入代碼速度。DW軟件輸入CSS和HTML 的終極用法(非面板輸入法)。

W3Cschool教大家一種快速記住CSS樣式屬性單詞及用法的方法,告別死記硬背才是硬道理。CSS樣式布局中使用的CSS樣式英文單詞,不需要死記硬背,會使用認(rèn)識,知道長什么樣即可。在DIV CSS布局開發(fā)中對于是否會拼寫CSS屬性單詞關(guān)系不大,會使用、知道使用什么單詞即可。避免記住CSS屬性英文單詞,輸入時候錯輸入字母概論。利用以下W3Cschool介紹DW軟件代碼提示功能飛速熟練不易錯輸入CSS單詞。

一、多實踐


記住單詞靈活熟練使用CSS樣式布局不在于是否記住會全拼手動輸入CSS單詞代碼,而是多實踐,

  • 第一次使用可能不知道對于CSS單詞長什么樣;
  • 第二次使用知道大概長什么樣;
  • 第三次記住單詞開頭以什么字母開頭,對應(yīng)值有哪些;
  • 第四次使用就完全掌握此CSS單詞開頭字母、語法、可跟值等信息。

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

二、借助Dreamweaver(DW) 軟件輸入CSS


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

1、DW軟件輸入常用標(biāo)簽

快速輸入標(biāo)簽方法截圖

快速輸入標(biāo)簽截圖

輸入標(biāo)簽時當(dāng)鍵入小于號“ < ”時,DW軟件快速會提示出可選標(biāo)簽代碼,你再通過輸入標(biāo)簽“首字母”,可以快速選中“回車鍵”輸入對應(yīng)標(biāo)簽。

輸入div標(biāo)簽示意圖

輸入div標(biāo)簽示意圖

快速閉合標(biāo)簽輸入方法

快速閉合html標(biāo)簽輸入方法當(dāng)輸入“ </ ”后自動快速閉合“</div>

不妨利用DW軟件自己測試測試,無論輸入各類HTML標(biāo)簽 也好,還是在標(biāo)簽內(nèi)輸入ClassId 一樣快捷。堅持使用多加訓(xùn)練熟練自然會提高輸入代碼速度。

2、DW軟件輸入CSS單詞與值與輸入HTML標(biāo)簽與屬性一樣,CSS代碼在CSS文件或輸入CSS代碼地方寫CSS單詞同樣可以利用DW軟件提示功能快速鍵盤選擇輸入CSS英文單詞和屬性樣式英文值。

快速輸入樣式單詞說明截圖

快速輸入CSS樣式單詞說明截圖

輸入第二個CSS樣式單詞

輸入第二個CSS樣式單詞

同樣使用提示功能快速輸入其它CSS樣式單詞,需要注意:輸入第二個樣式時,要讓DW軟件提示CSS單詞窗口顯示,此時必須在上一個CSS單詞樣式結(jié)束“分號”后鍵入一個“空格”此時DW軟件才會顯示提示CSS單詞窗口。

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

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

輸入CSS代碼完全可以使用DW軟件提示功能輸入CSS樣式英文單詞,和對應(yīng)英文單詞值。提示:輸入CSS代碼在html中將CSS代碼style標(biāo)簽 內(nèi);如果是CSS文件 ,那可直接CSS文件里輸入CSS代碼。

三、配合使用W3Cschool教程


可能才接觸CSS單詞時,知道設(shè)置什么名稱樣式,但不知道對應(yīng)CSS單詞長什么樣、不知道CSS單詞以什么字母開頭、不知道對應(yīng)值如何設(shè)置,此時需要在W3Cschool官網(wǎng) 幫助你度過這個前期痛苦階段。比如你要輸入“高度”,但是不知道是什么單詞?

直接W3Cschool搜索

直接網(wǎng)站頂部搜索相關(guān)教程

直接網(wǎng)站頂部搜索相關(guān)教程、無論搜索CSS基礎(chǔ)教程 還是 CSS問題 均可使用通過以上兩種方法查找CSS教程或CSS問題均能快速進(jìn)入對應(yīng)文章教程。通過對教程學(xué)習(xí)了解加上實踐會在短時間內(nèi)快速掌握和記住CSS輸入需要的知識。W3Cschool提示:開始接觸CSS輸入代碼比較不習(xí)慣,但堅持多實踐慢慢會提升不少。

四、W3Cschool總結(jié)


多加練習(xí),不別完全拼寫CSS英文單詞和CSS樣式值的英文單詞,也不需要死記硬背,只需要記住什么功能的CSS樣式單詞大概長什么樣,以什么字母開頭(可以記住英文單詞前1-2個開頭字母),記住可跟值,如果值也是英文單詞的同樣可記住對應(yīng)值開頭字母。前期練習(xí)時候配合W3Cschool網(wǎng)站在線教程對單詞認(rèn)識,加上DW軟件輸入單詞方法,多加訓(xùn)練練習(xí)自然會提高輸入代碼速度,而且不容易拼錯CSS英文單詞。

冒泡的可樂 2016-12-08

要是想記住特別是不用開發(fā)工具的提醒,那除了背下來就是經(jīng)常用就可以,建議記住最好不要靠開發(fā)工具的提醒,我就是經(jīng)常用這些屬性樣式我就記住了,但也只是經(jīng)常用的不常用的還需要查找。

一筆荒蕪 2018-05-31

我也不清楚,坐等大神,火鉗劉明?。?!

1144100656 2018-05-31

好慢呀,空空如也,半天不來大神解決,大佬在哪啦

1152696398 2018-05-31

這個領(lǐng)域不太懂!! 還是坐等大佬吧...

要回復(fù),請先登錄 或者注冊