Опубликовано Оставить комментарий

Emmet и CSS-свойства

Emmet и CSS-свойства
Emmet и CSS-свойства

В заметке об Emmet, мы описали чем хорошо этот плагин для создания структуры HTML-страницы, блоков, меню и т.д. Надо признаться, что Emmet и CSS-свойства — тоже очень дружат. При помощи огромного набора сокращений, можно «развернуть» любое CSS-свойство в считанные секунды. Попробуйте ввести в Emmet: «bg+» или «f+» (без кавычек) и Вы увидите, как появятся полные записи: background: #fff url() 0 0 no-repeat; и font: 1em Arial,sans-serif; Оцените по достоинству возможности Emmet!

CSS-свойства в Emmet

Как обычно, документация по Emmet-командам находится на сайте в разделе шпаргалка.

Emmet и CSS-свойства margin и padding

m:a margin:auto;
mt margin-top:;
mt:a margin-top:;
mr margin-right:;
pt padding-top:;
pl padding-left:;

Emmet и CSS-свойства шрифта

m:a margin:auto;
mt margin-top:;
mt:a margin-top:;
mr margin-right:;
pt padding-top:;
pl padding-left:;

f font:;
f+ font:1em Arial,sans-serif;
fw font-weight:;
fw:n font-weight:normal;
fw:b font-weight:bold;
fw:br font-weight:bolder;
fw:lr font-weight:lighter;
fs font-style:${italic};
fs:n font-style:normal;
fs:i font-style:italic;
fs:o font-style:oblique;
fv font-variant:;
fv:n font-variant:normal;
fv:sc font-variant:small-caps;
fz font-size:;
fza font-size-adjust:;
fza:n font-size-adjust:none;
ff font-family:;
ff:s font-family:serif;
ff:ss font-family:sans-serif;
ff:c font-family:cursive;
ff:f font-family:fantasy;
ff:m font-family:monospace;
ff:a font-family: Arial, «Helvetica Neue», Helvetica, sans-serif;
ff:t font-family: «Times New Roman», Times, Baskerville, Georgia, serif;
ff:v font-family: Verdana, Geneva, sans-serif;

Привел только два набора свойств, на сайте плагина есть ещё большее количество свойств: по работе с бордюрами, изображениями, выравниваниями, анимацией и т.д. Используйте Emmet в своей работе!

 

Добавить комментарий