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

付費(fèi)下載

下載本文檔

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

文檔簡介

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

溫馨提示

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

最新文檔

評論

0/150

提交評論