Урок 1. Що таке css?

Відео: Основи CSS - # 1 - Введення

Урок 1. Що таке CSS

Відео: Курс HTML і CSS. Урок 1

Здрастуй, шановний читачу.

Це перший урок вивчення CSS. Я впевнений що дана технологія вам дуже сподобається. Завдяки їй, можна розфарбувати html сторінку, надати їй привабливого вигляду. Після вивчення всіх уроків по CSS ви будете добре розуміти як задається оформлення на сторінці, як створюються шаблони, а також почнете розуміти як верстаються шаблони з простої картинки.

Перед вивченням CSS обов`язково необхідно знати і розуміти що таке html. Без знання html в css нема про що розмовляти. Тому ОБОВ`ЯЗКОВО пройдіть уроки по html:

Урок 1. Що таке html?
Урок 2. Частини, заголовки
Урок 3. Списки
Урок 4. Зображення
Урок 5. Посилання. Частина 1
Урок 5. Посилання. Частина 2
Урок 6. Атрибути
Урок 7. Таблиці
Урок 8. Виділення тексту
Урок 9. Форми. Частина 1
Урок 9. Форми. Частина 2
Урок 10. Метатеги
Урок 11. Коментарі
Урок 12. Теги div і span

Теорія та практика



Що ж таке CSS? CSS використовується для завдання кольорів, шрифтів, розташування блоків та інших аспектів уявлення зовнішнього вигляду веб-сторінок. Як і в уроках HTML в CSS ми вивчимо тільки основні властивості. Тому що властивостей дуже багато. Але для редагування шаблонів, а також створення сайтів немає необхідності тримати в пам`яті всі властивості і тим більше їх значення. Ми розглянемо тільки основні. Почнемо з підключення CSS файлу в HTML сторінку:

Відео: Курс основи HTML і CSS - Урок 1 Створюємо html файл, структура html документа

12345678910
lt;htmlgt;lt;headgt;lt;titlegt; Головнаlt;/titlegt;lt;meta http-equiv="Content-Type" content="Text / html- charset = utf-8"gt;lt;link rel="Stylesheet" type="Text / css" href="Style.css"gt;lt;/headgt;lt;bodygt;lt;pgt; Перший урок вивчення CSSlt;/pgt;lt;/bodygt;lt;/htmlgt;

Як ви помітили файл зі стилями підключається за допомогою тега , який знаходиться між тегами . Атрибут rel = "stylesheet" визначає відносини між поточним документом і документом, на який веде посилання, задана атрибутом href. Атрибут href = "style.css" визначає де знаходиться файл з таблицею стилів. Ну і атрибут type = "text / css" визначає тип даних.

Також в тій же директорії з html сторінкою створіть файл з розширенням CSS. Рекомендую також для редагування CSS використовувати редактор Notepad ++. Завантажити його можна за посиланням Завантажити Notepad ++

123
body{background-color:# C1BAFF-}

Створіть ці два файли. Вони будуть необхідні для наступних уроків. Пробуйте все прописати руками. Тоді ви краще запам`ятайте матеріал.

Відео: Основи CSS / CSS3

Більше практикуйтеся!

Поділися в соц мережах:
Cхоже

Увага, тільки СЬОГОДНІ!