Каскадні таблиці стилів (CSS) - це мова стилів, яка використовується для опису представлення документу, написаного на HTML чи XML (включаючи XML діалекти такі, як SVG або XHTML). CSS описує як елементи повинні відображатися на екрані, на папері, при озвученні, або на інших пристроях.
CSS є одною з основних мов відкритої мережі і має стандартизовану W3C специфікацію. Розроблена по рівнях, CSS1 в даний час застаріла, CSS2.1 є рекомендованою, і CSS3, яка тепер розділена на більш дрібні модулі та розвивається шляхом стандартизації.
- CSS Посилання
Ексклюзивні посилання для загартованих Web розробників, які описують кожний параметр і поняття CSS.
- CSS Посібник
Наша CSS сфера навчання складається з безлічі посібників, щоб підняти ваш рівень з початкового, до такого, на якому ви будете себе комфортно почувати в CSS, охоплюючи всі основні принципи.
- Знайомство з CSS
Якщо ви початківець у веб програмуванні, переконайтеся, що ви прочитали нашу статтю CSS Основи, щоб дізнатися що таке є CSS і як їх використовувати.
Посібники
Наша CSS сфера навчання має декілька модулів, які дозволяють вивчити CSS з нуля — знання мови не вимагається.
- Вступ в CSS
- Цей модуль дозволяє вам почати вивчення з базових понять як CSS працює, включаючи селектори і параметри, написання правил CSS, застосування CSS до HTML, як вказати довжину, колір та інші одиниці виміру в CSS, каскади і успадкування, основи блочної моделі та відлагоджування CSS.
- Стилізація тексту
- В даному модулі ми розглянемо основи стилізації тексту, включаючи налаштування шрифтів, товщини, курсиву, відстані між рядками і буквами, а також застосування тіней та інших можливостей стилізації тексту. Ми розглянемо в даному модулі використання власних шрифтів на вашій веб-сторінці, і стилізацію списків і посилань.
- Стилізація блоків
- Далі ми розглянемо стилізацію блоків, один з базових кроків у напрямку розбивання веб-сторінки на блоки. У данаму модулі ми підсумуємо блокову модель і тоді розглянемо методи контролю блоків, застосовуючи внутрішні відступи (padding), рамки (borders) і зовнішні відступи, застосування власних заливок фону, картинок та інших можливостей, і такої можливості, як падіння тіней і фільтрів на блоках.
- Макети CSS
- До цього моменту ми вже розглянули базові поняття CSS, як стилізувати текст, я як стилізувати і маніпулювати блоками, щоб ваш контент поміщався в середину даних блоків. Тепер час розглянути розташування ваших блоків у правильному місці, по відношенню до точки огляду, і відносно один одного. Ми розкрили необхідні передумови, тому тепер ми можемо заглибитися в шаблони CSS детальніше, подивитися на налаштування для різних дисплеїв, традиційні методи шаблонів, включаючи плавання елементів по сторінці (float) і позиціонування (positioning), і нові сучасні інструменти для шаблонів такі, як флексбокс (flexbox).
Посилання
- CSS Посилання: Вичерпний довідник для досвідчених веб-розробників, який описує кожний параметр і кожне поняття CSS.
- CSS ключові поняття:
Інструменти для CSS розробки
- W3C CSS Сервіс Валідації перевіряє чи CSS є валідним. Даний сервіс на OnlineWebCheck.com робить те ж саме. Це безцінні інструменти розробки.
- Firefox інструменти розробки дозволяють переглядати і редагувати наживо CSS на сторінці за допомогою Iнспектора і інструментів Редагування Стилів.
- Firebug розширення для Firefox, це популярне розширення, яке дозволяє наживо редагувати CSS на переглянутих сайтах. Дуже практично тестувати деякі зміни, хоча це розширення робить набагато більше.
- Web Developer розширення для Firefox також дозволяє переглядати і наживо редагувати CSS на переглянутих сайтах. Простіше ніж Firebug, хоча й має менше можливостей.
- Miscellaneous CSS інструменти.
Дивитися також
- Mozilla's Розділ вивчення CSS
- Веб мови CSS часто застосовуються до: HTML, SVG, XHTML і XML.
- Технології Mozilla, які широко використовують CSS: XUL, Firefox, і Thunderbird розширення і теми.