HTML/CSS快速代碼編寫ID、UL、縮寫、供應商前綴

id文本和屬性

id的輸入方式:p#foo
連續輸入類個ID:p.bar#foo

嵌套

>:子元素符號,嵌套到子元素
+:同級標簽符號
例:div.item=<div class="item"></div>

隱藏的標簽名稱

li:用于ul和ol中
tr:用于table、tbody、thead、tfoot中
td:用于tr中
option:用于select和optgronp中

定義多個元素

*:ul>li*3

定義多個帶屬性的元素:

ul>li.item$*3

css縮寫

w100=widht:100px;
h100=height:100px;
m5e=margin:5em;

單位別名列表:

px:為默認
p表示%
e表示em
r表示:rem
x表示ex

插件附加屬性

CSS代碼
@f:
@f+
@b
@b+
@t
@t+

模糊搭配

bg=背景顏色
fs=字體大小
... ...

供應商

輸入trs
-super-foo
-w-super-foo
-wm-super-foo
前綴縮寫:
w表示:-webkit-
m表示:-moz-
s表示:-ms-
o表示:-o-

顏色

使用#好前綴
通過:c#2=color:#222;
通過:!=!important

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Emmet的前身是大名鼎鼎的Zen coding,如果你從事Web前端開發的話,對該插件一定不會陌生。它使用仿CS...
    清風沐沐閱讀 1,392評論 2 5
  • http://www.iteye.com/news/27580Emmet的前身是大名鼎鼎的Zen coding,如...
    冰J冰閱讀 3,158評論 0 6
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,837評論 18 139
  • 本文主要是起筆記的作用,內容來自慕課網. 認識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,661評論 0 30
  • 〇、寫在前面的話 這是在“做自己的CEO”活動當中出現的一個訓練活動,通過填寫這樣一張表來記錄執行計劃時遇到突發狀...
    樂活如曦閱讀 552評論 1 2