Что такое CSS, основные понятия

Что такое CSS

CSS - это аббревиатура Cascading Style Sheets/Каскадных таблиц стилей. Файлы имеют соответствующее расширение .css.

CSS-код – это своеобразный список инструкций и указаний для браузера, по тому что, где и как отобразить (элементы web-страницы). Элементами - теги XHTML/HTML и их содержимое.

Что можно делать с помощью CSS?

CSS - это язык стилей, определяющий то, как будут отображены HTML-документы и их элементы. С помощью CSS можно определять позицию элементов, цвет, шрифт, поля, границы, строки, высоту, ширину, фоновые изображения и многое-многое другое.

HTML может использоваться для оформления web-сайтов. Но CSS предоставляет куда большие возможности. Поддерживается всеми браузерами (IE, Mozilla, Chrome, Safari и тд).

Преимущества использования CSS

1) Можно указать такие свойства, которых нет в HTML
2) Код теперь будет структурирован и может находиться в отдельном файле
3) Можно значительно сократить размер кода и сделать его читабельным
4) Возможность подлючения CSS к нескольким отдельным файлам. Допустим, у Вас есть 10 старниц, в которых Вы раньше отдельно указывали цвет header'а (шапки сайта). А теперь Вы не будете 10 раз в разных файлах менять его отдельно, а измените параметр только в css-файле.
5) Переход от табличной вёрстки сайта к блочной. Сокращаем и структурируем код!

Пример кода CSS-файла

Код CSS (Файл, например, style.css)

* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    height: 100%;
    font: 14px/130% Tahoma, Verdana, sans-serif;
}
a {
    outline: none;
    text-decoration: underline;
}

a:hover {
    outline: none;
    color: black;
}

Переходите к урокам! Спасибо за внимание!