Что такое CSS?
- CSS означает Cascading Style Sheets (Каскадная Таблица Стилей)
- CSS описывает, как HTML элементы должны отображаться на экране, бумаге или других носителях
- CSS экономит много работы. Он может управлять макетом нескольких веб-страниц одновременно
- Внешние таблицы стилей хранятся в CSS-файлах
CSS-демо: одна HTML-страница — несколько стилей!
Here покажем одну 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.
С помощью внешнего файла таблицы стилей можно изменить внешний вид всего веб-сайта, изменив только один файл!