CSS - каскадні таблиці стилів для сучасного дизайну вашої домашньої сторінки
Каскадні таблиці стилів використовуються в сучасному веб-дизайні для розділення вмісту та дизайну. Це означає, що вміст знаходиться в HTML-коді, а дизайн та кольори визначаються за допомогою таблиці стилів.
- визначається централізовано (файл .css визначає зовнішній вигляд усієї домашньої сторінки, зміни в цьому одному файлі також змінюють відображення всієї домашньої сторінки)
- швидший час завантаження, оскільки окремі HTML-сторінки витонченіші, а центральний файл .css потрібно завантажити лише один раз
- CSS підтримується усіма браузерами в основних функціях
- Якщо браузер не знає визначення CSS, він просто не відображатиметься. Сайт все одно працює (звичайно, виглядає не так чудово, але функціональність збережена)
Приклад форматування за допомогою CSS:
Текст, відформатований за допомогою CSS
І ось як виглядає відповідний вихідний код:
style = "background-color: # 0080FF; color: black; font-family: BankGothic Md BT; font-size: 20pt; інтервал між літерами: 5px; padding: 10px; text-align: center"> Текст відформатований за допомогою CSS
Червона частина - це інформація CSS. Як бачите, інформація CSS знаходиться прямо в тезі
і буде дано в останній день
закінчив знову. Інформація CSS впливає лише на цю частину вихідного тексту.
Але набагато цікавіше керувати повним дизайном веб-сайту за допомогою зовнішнього файлу CSS. Ось як інтегрується зовнішній файл CSS:
У заголовку HTML-файлу додайте посилання на файл .css.
Ось як це виглядає (у вихідному коді):
Червона частина є найважливішою частиною .css - тут посилається на ваш файл.
Тепер створіть відповідний файл .css у редакторі Windows, у нашому прикладі файл design.css із таким вмістом:
Зверніть особливу увагу на розширення файлу .css! Тепер ви можете змінити файл design.css як завгодно.
Найпростіший спосіб створення та редагування файлів .css - це використання редактора CSS Topstyle. Ви можете отримати більше інформації тут:
- download.chip.eu/uk/TopStyle-Lite-3.10_919203.html - тут ви можете отримати безкоштовний Topstyle Lite від Chip
- а ось професійна версія (з витратами): www.topstyle4.com
Форматування в CSS достатнє. Це найкраще описано в Selfhtml:
- wiki.selfhtml.org/wiki/CSS - Selfhtml - це посилання на HTML з великою площею CSS, усі варіанти форматування описані точно та детально, а також є приклади.
Існує також маса хитрощів, підказок та експериментів навколо CSS. Нижче наведено найцікавіші веб-сайти на тему каскадних таблиць стилів:
За допомогою цього ви можете офіційно показати, що ваш веб-сайт містить каскадні таблиці стилів (CSS).
Ви виявили помилку на нашому веб-сайті? Повідомте нас, щоб ми могли виправити помилку!