CSS – Каскадні списки стилів
Каскадні списки стилів (CSS) — це мова стилів, що використовується для задання вигляду документів, написаних мовою HTML або XML (включно із діалектами XML, як-от SVG, MathML чи XHTML). CSS описує, який вигляд елементи матимуть на екрані, папері, у мовленні чи в іншому вигляді.
CSS належить до ключових мов відкритого вебу і стандартизована між вебпереглядачами згідно зі специфікаціями W3C. У минулому розробка різних частин специфікації CSS велася послідовно, що давало змогу випускати свіжі рекомендації у форматі редакцій. Ви могли чути про CSS1, CSS 2.1 чи навіть CSS3. Ніколи не буде жодних CSS3 чи CSS4; натомість тепер усе є "просто" CSS, а номери версій є в окремих модулів CSS.
Після виходу CSS2.1 обсяг специфікації помітно зростав. Прогрес різних модулів CSS почав настільки сильно відрізнятись, що стало більш ефективним розробляти та випускати рекомендації для кожного модуля окремо. Замість оформлення редакцій специфікації CSS, W3C тепер періодично робить знімок найсвіжішого стабільного стану специфікації CSS і поступу окремих модулів. Модулі CSS тепер мають номери версій, або рівні, як то Модуль кольору CSS рівня 5.
Підручники для початківців
- Ваш перший вебсайт – Стилізація вмісту
Ця стаття пропонує короткий огляд того, що таке CSS та як його використовувати, призначена для тих, хто цілковитий новачок у веброзробці.
- Основи стилізації CSS
Модуль Основ CSS нашого розділу Навчання веброзробки вчить основ CSS з самого початку.
- Стилізація тексту CSS
Тепер погляньмо на основи, серед яких задання шрифту, грубості, курсиву, міжрядкового та міжсимвольного інтервалів, тіней та інших можливостей тексту. Цей модуль завершується поглядом на застосування до вашої сторінки кастомних шрифтів, а також стилізацію списків і посилань.
- Компонування CSS
Тепер час розглянути те, як правильно розкласти рамки відносно одна одної та області перегляду браузера. Цей модуль розглядає пливуни, позиціювання, інші сучасні інструменти компонування та створення чуйних дизайнів, які адаптуються до різних пристроїв, розмірів екрана та роздільної здатності.
Довідка
Довідка CSS – це вичерпна довідка для загартованих веброзробників описує кожну властивість і кожну концепцію CSS, серед яких:
- Синтаксис та форми мови
- Специфічність, успадкування та каскадність
- Селектори CSS, включно з псевдоелементами, вкладеністю, контекстністю і тіньовими частинами
- Директиви CSS, у тому числі медійні та контейнерні запити
- Модуль Значень та одиниць вимірювання CSS, що вміщає числові типи даних, текстові типи даних і функційні записи
- Рамкова модель і перекриття зовнішніх полів
- Контейнерний блок
- Нагромаджувальні та блоково-форматувальні контексти
- Початкові, обчислені, вжиті та фактичні значення
- Властивості-скорочення CSS
- Гнучка рамка CSS, багатоколонкове та сіткове компонування
- Анімація, переходи та перетворення
Книга рецептів
Книга рецептів CSS прагне зібрати докупи рецепти загальноприйнятих шаблонів компонування та іншого, що може знадобитись під час розробки ваших вебсайтів. Окрім надання коду, котрий можна використовувати як стартову точку власних проєктів, ці рецепти показують різні способи застосування специфікацій компонування, і рішень, котрі можуть бути прийняті розробником.
Інструменти CSS-розробки
- Для перевірки валідності CSS можна застосовувати Службу перевірки CSS від W3C. Це незамінний інструмент зневадження.
- Інструменти розробника Firefox дають змогу переглядати CSS сторінки на льоту за допомогою Інспектора та Редактора стилів.
- Розширення веброзробника для Firefox дає змогу відстежувати та редагувати CSS відображених вебсайтів на льоту.
Метаінформація про вади
- Firefox: Вада Firefox 1323667