Css селектори, властивості, значення
Так само, як в HTML є теги. в CSS є "селектори". Селектори - це імена стилів, які ви визначаєте у внутрішніх або зовнішніх таблицях стилів. В даному підручнику основна увага буде приділятися так званим HTML селекторам. тобто звичайним іменах тегів, які використовуються в якості селекторів стилів для зміни зовнішнього подання відповідних HTML елементів.
У кожного селектора є "властивості", які визначаються всередині фігурних дужок. Властивості - це ключові слова, такі як color. font-weight або background-color. яким присвоєні певні значення. Значення властивостей присвоюються за допомогою двокрапки і розділяються крапкою з комою:
В даному прикладі створюється css селектор body. в якому визначається дві властивості - font-size і color. яким присвоюються відповідні значення. Таким чином, якщо цей стиль підключити до HTML документу, то текст всередині елемента
(Що насправді весь контент в основному вікні браузера) буде відображатися шрифтом розміром 0.8em і темно-синім кольором.Одиниці виміру
Існують різні одиниці виміру, специфічні для конкретних властивостей CSS, проте деякі з них універсальні і можуть використовуватися з багатьма властивостями, тому з ними варто познайомитися ближче.
- em (наприклад, font-size: 2em) використовується для визначення розміру шрифту. Так "2em" означає, що заданий шрифт буде в два рази більше шрифта.
- px (наприклад, font-size: 12px) одиниця виміру - пікселі.
- pt (наприклад, font-size: 12pt) одиниця виміру - пункти.
- % (Наприклад, font-size: 80%) одиниця виміру - відсотки.
Якщо значення дорівнює нулю, то немає необхідності вказувати одиниці виміру. Наприклад, якщо ви хочете повністю прибрати рамку кругом елемента, то можна задати "border: 0".
Веб-сторінка не повинна бути статичною і абсолютно усередненої. Вона повинна бути гнучкою. Це означає, що користувач повинен мати можливість дивитися її як йому заманеться, що особливо стосується розмірів шрифтів і екрану.
У зв'язку з цим вважається, що набагато правильніше використовувати "em" або "%" в якості одиниць виміру розмірів шрифтів (і може бути навіть висоти і ширини, про які ви дізнаєтеся в підручнику "CSS просунутого рівня"), ніж "px" , які означають незмінний розмір тексту в більшості браузерів і повинні використовуватися досить рідко (наприклад, для визначення розміру рамок елементів).
Крім HTML селектор в CSS також можна визначати селектори класів і ідентифікаторів. про які ви дізнаєтеся в підручнику "CSS середнього рівня".