WebUniverseЗовнішній CSS
Пояснення:
Зовнішній CSS - тег <link>
За допомогою тегу <link> підключається зовнішній файловий документ із стилізацією.
Додатково потрібно вказати атрибути rel=" ", type=" "(не обов'язково), href=" ".
Якщо введена не правильна назва створеного файлу стилізації - стилі не будуть відображатись на сторінці.
В файлі таблиці стилів - запис такий же ж як і в звичайному тезі <style>, зовнішній CSS - зручніший.
Тег <span> </span>
За допомогою тегу <span> огортають слова,речення або елемент, якому потрібно змінити стилізацію.
Поля та відступи - властивості margin, border, padding
margin - зовнішні відступи навколо тегів.
border - як вже відомо, рамка навколо тегів
padding - внутрішні відступи навколо тегів
Щоб відкрити браузерну консоль, натисніть F12 або клацніть правою кнопкою миші → «Перевірити».
Властивості можна задавати 3-ма способама для margin, border, padding:
Властивість float - обтікання та вирівнювання
float - визначає, по якій стороні буде вирівнюватися елемент,
при цьому інші елементи будуть обтікати його з інших сторін.
float: left | right | none
Також пригадуємо, що <br clear="all"> — атрибут, який скасовує обтікання елемента одночасно з правого і лівого краю.
Таблиця:
| № | Тема | Приклад коду | Підсумок |
|---|---|---|---|
| 1 | link | | Підключає зовнішній CSS-файл до HTML-документа, щоб застосувати стилі. |
| 2 | span | | span — це рядковий елемент, який використовується для виділення частини тексту або іншого inline-контенту. |
| 3 | margin (top, bottom, right, left) | | margin задає зовнішні відступи навколо елемента. Окремі властивості: margin-top: 10px; - відступ зверху; margin-bottom: 20px; - знизу; margin-left: 15px; - зліва; margin-right: 15px; - справа. Короткий запис: margin: 10px; - однаковий відступ з усіх боків. margin: 10px 20px; - зверху/знизу 10px, зліва/справа 20px. margin: 10px 20px 30px 40px; - зверху, справа, знизу, зліва. |
| 4 | padding (top, bottom, right, left) | | padding задає внутрішні відступи між вмістом елемента і його межами. Окремі властивості: padding-top: 10px; - відступ зверху; padding-bottom: 20px; - знизу; padding-left: 15px; - зліва; padding-right: 15px; - справа. Короткий запис: padding: 10px; - однаковий відступ з усіх боків. padding: 10px 20px; - зверху/знизу 10px, зліва/справа 20px. padding: 10px 20px 30px 40px; - зверху, справа, знизу, зліва. |
| 5 | float | | float використовується для обтікання елементів текстом (наприклад, картинка справа або зліва від тексту). |
build info
- compiler
- 2.0.5.1 · 4054EF9BF6C4510A
- built
- 2026-11-08 14:31:25 UTC