講義教程成果_第1頁(yè)
講義教程成果_第2頁(yè)
免費(fèi)預(yù)覽已結(jié)束，剩余1頁(yè)可下載查看

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

學(xué)習(xí)要點(diǎn)安裝方快速生主講教師：本課程由北風(fēng)網(wǎng)和瓢城Web提一．安裝方Emmet插件安裝一般采用兩種方式，1.通過(guò)命令安裝；2.離線安裝。我這里直接采用的是離線安裝方式。具體步驟：解壓好的Emmet插件包(這里會(huì)提供將Emmet和PyV8兩個(gè)文件夾到SublimeText3的程序包中左下角會(huì)顯示自動(dòng)安裝，安裝好后，重啟Sublime在編輯器輸入英文狀態(tài)下的“!”，然后ctrl+eHTML5的代碼庫(kù)，則安裝 題二．自定義！生我們輸入!，然 ctrl+e，默認(rèn)情況下會(huì)出現(xiàn)如下代碼//<!doctype<html<metacharset="UTF-這里有兩個(gè)地方和我們之前生成的代碼不一樣，第一處是：doctype沒(méi)有大寫(xiě)；第二處：lang是en的。其實(shí)這兩處不改也沒(méi)有太大關(guān)系，但有強(qiáng)迫癥的看了可能會(huì)難受。具體修首先，進(jìn)入程序包其次，進(jìn)入Emmet文件夾，再進(jìn)入emmet文件夾，找到snippets.json最后，打開(kāi)這個(gè)文件，找到相應(yīng)處修改即三．快速生Emmet提供了非常豐富的HTMLCSS代碼的快速生成功能，通過(guò)使用快速生成代碼，極(ctrletab鍵html:5tab<!DOCTYPE<html <metacharset="UTF-所有代碼生成，都需要通過(guò)tab鍵來(lái)生成代碼，后面不在贅述a<a<a<a<ahref="">超//生成CSSlink<linkrel="stylesheet"<input<inputtype="hidden"http://生成乘積數(shù)量的<div//創(chuàng)建具有classdiv.header、<div<divclass="header以上HTML部分的代碼生成功能，下面來(lái)看下CSS的快速生成功pos即可出現(xiàn)position:relativeCSS樣式，并且relative是選定狀態(tài)，但是我們發(fā)現(xiàn)使用sublimeEmmetCSS提示非常的靈活，不會(huì)死板的必須要輸入pos。下面的輸入都可以得到相應(yīng)的值：po=position:只要輸入po或者大于po字母量的值，都可以得到position:relative。當(dāng)然，如果你只是輸入p，那么由于優(yōu)先級(jí)的考慮，出現(xiàn)的是padding:|。如果你輸入有誤，它也會(huì)自動(dòng)糾錯(cuò)，比如下面這個(gè)pod=position:如果你想一開(kāi)始得到的是absolute這個(gè)屬性值，那么直接輸入poa=position:當(dāng)然，上門(mén)的標(biāo)準(zhǔn)寫(xiě)法是這樣的pos:a=position:如果想輸入背景的屬性，直接使用bg即可bg=background:使用bg+可以展開(kāi)背景屬性的完整形式bg+=background:#fffurl()00no-bg:n=background:none;備注：HTM

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論