CSS

Посібники

Каскадні таблиці стилів (CSS) - це мова стилів, яка використовується для опису представлення документу, написаного на HTML чи XML (en-US) (включаючи XML діалекти такі, як SVG (en-US) або XHTML (en-US)). 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 розробки

Дивитися також