Единици за измерение (пиксели, Em и Ex) и наследяване на CSS правила

Здравейте, скъпи читатели на блога KtoNaNovenkogo.ru. Днес ще продължим да говорим за каскадни таблици със стилове (можете да намерите материали по тази тема в справочника за CSS). Почти никой сайт в Интернет не може без тази технология, така че изучаването на езика за маркиране на стилове е също толкова необходимо, колкото изучаването на учебник по Html).

Без да разберете основите на тази технология, няма да можете да правите дори малки промени в шаблона на вашия сайт и ще трябва да се примирите с него или да наемете външни специалисти. Ако например PHP е трудно да се научи, тогава HTML и CSS няма да е трудно да се овладеят на ниво потребител. Във всеки случай си струва да опитате, а след това погледнете и ще мине от само себе си.

Стойности за правила в CSS - цветове, функционалности и размери

В последната статия говорихме за това какво е CSS и как да свързваме стилове с кода на Html (Style и Link). Днес ще продължим темата, която започнахме, и ще говорим за наследяване на стилове и задаване на размери на шрифта (пиксел, точка, процент и т.н.).

Като цяло днес няма да има нищо сложно и обемно, но в следващата статия вече ще започнем да разглеждаме селектори - темата е доста обемна и вероятно трудна за овладяване.

Стойностите за тези правила могат да бъдат всякакви думи (например ляво, дясно, центриране, оправдание и др.), Които са известни предварително и са посочени в таблицата от тази спецификация (вижте фигурата по-горе - колона „Стойности“ ) ... Стойностите могат да бъдат и прости числа, които нямат измерение (например в правилото "z-index") или обозначения на шестнадесетични цветови кодове (например # fff8dc).

Нека разгледаме по-отблизо задаване на цветове в CSS и как може да се приложи:

просто указвайки с думи името на един от 17-те цвята, за които са дефинирани тези думи (аква, черно, синьо, фуксия, сиво, зелено, вар, кестеняво, морско, маслинено, оранжево, лилаво, червено, сребро, тийл, бяло и жълто)
# 186EAE - шестнадесетични цветови кодове (за подробно описание вижте връзката точно по-горе)
# CA7 е стенографично шестнадесетично цветово представяне в CSS. Ако имаме три двойки еднакви числа (в шестнадесетичната система някои числа се записват с букви от А до F), например # CCAA77, тогава за съкращаване на записа всяка двойка може да бъде заменена с една едноцифрена - # CA7.
rgb (0, 148, 253) - задаване на цвета с помощта на така наречената функционалност, където числовите стойности и в трите канала са изброени в скоби, разделени със запетаи в съответствие с RGB палитрата (диапазонът на промяна е от 0 до 255)
rgb (0%, 50%, 98%) - все едно, но стойностите в каналите са дадени като процент

Може да се използва като стойности за CSS правила и т.нар функционери. Поразителен пример за функционалност е Url и url, затворени в скоби (images/navtabr.png). По този начин е много често да се задава фоново изображение в стилове:

Е, а също и в CSS като стойности много често се използват размери на шрифта и други. Ако си спомняте, в таг Font с атрибута Size те бяха зададени просто с числа от 1 до 7. И например размерите на изображенията в атрибутите Width и Height на тага Img бяха зададени просто от числа без обозначение на размера, въпреки че тези цифри означават пиксели.

Първоначално стилната маркировка е била предназначена за различни изходни устройства - не само за монитори, но и например за форматиране на информация, предназначена за печат. Следователно размерите на шрифтовете или, например, отстъпите са винаги посочени в CSS с мерни единици. Освен това синтаксисът предполага непрекъснато писане на числа и мерни единици (без добавяне на интервали между тях).

В този случай могат да се използват както относителни, така и абсолютни единици. Абсолютните са свързани с физическия свят и следните единици могат да бъдат използвани за тяхното обозначаване:

Абсолютни размери в CSS всички могат да се използват за един и същи печат. Сантиметрите (cm) и милиметрите (mm) са основните единици на метричната система, а инчовете (in) са основната единица, от която точките (pt) и щуките (pc) много често се използват при печат.

Инч (инч) е 25,4 милиметра (мм) и точка (pt) се формира чрез разделяне на един инч (инча) на 72 части. Така една точка (pt) ще бъде равна на около една трета от милиметъра (mm). Е, един връх (pc) има размер, равен на 12 точки (pt). Тук, мисля, всичко вече е ясно.