css

2014年3月26日 星期三

Emmet for Sublime Text

Emmet for Sublime Text

Emmet Documentation


 功能

一、Abbreviations (縮寫)

Syntax(語法)類似 CSS 選擇器

元素:  可使用html的tag


巢狀運算子

運算子
符號
範例
Child
>
div>ul>li
Sibling
+
div+p+bq
Climb-up
^
div>p>span+em^bq
Multiplication
*
ul>li*5
Grouping
()
div>(header>ul>li*2>a)+footer>p


屬性運算子

1.ID and CLASS
   id   :  #        div#header
   class :   .     div.page / div#footer.class1.class2.class3

2.客製化屬性[attr]
   td[title="Hello world!" colspan=3]

3.項目編號: $
  ul>li.item$*5
  ul>li.item$$$*5

改變基礎值 @
改變升冪,降冪 @-
ul>li.item$@-5 降冪五項 5to1
ul>li.item$@3*5 從3開始升冪五項 3to7
ul>li.item$@-3*5 降冪基礎值3五項 7to3



內文 {Text}

a{Click me} -> <a href="">Click me</a>





2014年3月25日 星期二

解決sublime text 2 移除後,安裝 sublime text 3 ,點檔案無法直接開啟

環境: windows 7  64位元

原本安裝sublime text 2,從系統移除後;

改安裝sublime text 3 後, 嘗試打開原本有關連的檔案類型,

卻找不到關連的應用程式,


從瀏覽去找安裝目錄下選 sublime_text.exe 也沒反應。



解決方法: 

以系統管理身分叫出 cmd,

在 cmd下, 執行 regedit  ,叫出登入檔

找到以下路徑檔案 \HKEY_CLASS_ROOT\Applications\sublime_text.exe\shell\open\command








將該筆資料路徑改成正確的sublime text 3 執行檔路徑

"C:\Program Files\Sublime Text 3\sublime_text.exe" "%1"