Emmet是一款流行的HTML和CSS快速編寫工具之一,它通過縮寫和簡寫來簡化編碼過程,讓Web開發人員能夠更快速地編寫代碼。而在這些縮寫指令中,對于CSS的縮寫使用尤為頻繁,在編寫CSS代碼時使用縮寫可以省去許多打字和復制粘貼的時間。
// 常見CSS屬性的Emmet縮寫 bgc ->background-color bc ->border-color fs ->font-size fw ->font-weight h ->height m ->margin p ->padding w ->width abs ->position:absolute rel ->position:relative // 屬性值縮寫 p10 ->padding:10px; w50 ->width:50%; h100 ->height:100px; lh15 ->line-height:1.5; // 復合屬性縮寫 bdrs5 ->border-radius:5px; p50r ->padding:0 50px; m0at ->margin:0 auto; // 組合使用多個縮寫指令 absbr5p10 ->position:absolute;border-radius:5px;padding:10px;
以上是常見的Emmet CSS縮寫,當然還有更多可以發掘的縮寫方式,不難發現Emmet能夠有效地提高我們的工作效率,如果你還不熟悉Emmet的使用,趕快嘗試一下吧。
下一篇mysql+轉換成秒