CSS Введение
Что такое CSS?
- CSS означает Cascading Style Sheets (Каскадная Таблица Стилей)
- CSS описывает как HTML элементы должны отображаться на экране, бумаге или других носителях
- CSS экономит много работы. Он может управлять макетом нескольких веб страниц одновременно
- Внешние таблицы стилей хранятся в CSS файлах
CSS демо - одна HTML страница - несколько стилей!
Здесь покажем одну HTML страницу, отображаемую с четырьмя различными таблицами стилей. Нажмите на кнопку "Таблица стилей 1", "Таблица стилей 2", "Таблица стилей 3", "Таблица стилей 4" ссылки находятся ниже, для различных стилей:
Зачем использовать CSS?
CSS используется для определения стилей для ваших веб страниц, включая дизайн, макет и вариации отображения для различных устройств и размеров экрана.
CSS Пример
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}
Попробуйте сами »CSS решает много проблем
HTML никогда не предназначался для того, чтобы содержать теги для форматирования веб страницы!
HTML был создан для описания содержания веб страниц, например:
<h1>Это заголовок</h1>
<p>Это параграф.</p>
Когда в спецификацию HTML 3.2 были добавлены теги типа <font> и атрибуты цвета, это стало настоящим кошмаром для веб разработчиков. Разработка больших сайтов, где шрифты и цветовая информация добавлялись на каждую отдельную страницу, процесс стал долгим и дорогостоящим.
Чтобы решить эту проблему, консорциум World Wide Web Consortium (W3C) создал CSS.
CSS удалил форматирование стиля с HTML страницы!
Если вы не знаете, что такое HTML, мы предлагаем вам прочитать HTML Учебник.
CSS экономит много времени!
Определения стилей обычно сохраняются во внешних файлах .css.
С помощью внешнего файла таблицы стилей, можно изменить внешний вид всего веб сайта, изменив только один файл!