CSS Font & Background Shorthand Properties


1

Здравейте колеги,

Няма да коментирам, че съкратеният начин на писане на font и background спестяват както време така и код.

Download the CSS Font Shorthand Cheat Sheet (PDF) - предлагам ви този файл, който  ми се струва доста полезен. Вижда се кои свойства са задължителни и кои не са. Това е важно, тъй като неспазвайки това изискване има вероятност да не ви се получи това, което желаете, използвайки shorthand свойствата.

Колкото до Background Shorthand, ще се радвам някой от вас да даде  нещо полезно, тъй като аз някъде срещам разминаване в подредбата на някои свойства, може би и вие сте забелязали.

Поздрави!




Отговори



1

На мен лично мн ми помогнаха тези два сайта:

http://www.dustindiaz.com/css-shorthand/

http://qrayg.com/journal/news/css-background-shorthand

Особенно първия линк доста добре обяснява за background-shorthand свойството, както и какви свойства се подразбират ако липсват стойности. Малко се разминават в това какво следва след repeat, но иначе е ясно обеснено.

Поздрави


от V.Shterev (1151 точки)


0
Здравей,
Не съм ги чел целите, но на пръв поглед отново забелязах, че в двата линка има разминаване.
На първия пише: background: red url(image.png) repeat top left scroll;
На втория: background: #000 url() repeat fixed left top;
Обърни внимание на "position X Y" къде са разположени в двата примера. Точно това имах предвид по-горе, че има разминаване. Дали не е по-добре да се спазва някаква конвенция, ако и двата да работят?
EDIT: Само да поясня - имах предвид разликата в разположението на "position X Y" и "atachment"

от georgi.s.yankov (6219 точки)

0
Аз също много използвах първия сайт, не бих казал, че е описано идеално, но доста помага, общо взето ползваш чичко гугъл и той си знае работата :P

от jinjar (762 точки)