Таблицы стилей CSS: форматирование сайта

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

Также в стилях CSS можно прописать свойства по умолчанию для всего сайта сразу, или для его элементов, ничего не изменяя в html-коде самой страницы.

Вы уже знаете, как прописывается в таблице стилей CSS свойство неподвижности фона:

body{
background-attachment: fixed;
}

Точно таким же образом можно прописать и другие свойства, например:

body{
background-color: #FFFFFF;
background-image: url('fon.jpg');
}

позволит прописать в таблице стилей CSS цвет и картинку фона. И при этом html-код видимой части страницы не изменяется.

Прописать можно также свойства различных элементов сайта, например, заголовков:

h1{
color: #FF0000;
fontl-size: 24 px;
}

означает, что любой заголовок h1 на сайте будет красного цвета и размером 24 пикселя.

При изменении или добавлении стилей CSS изменяются и все соответствующие элементы сразу.

Если разные элементы сайта имеют одинаковый стиль CSS, то они будут прописаны через запятую, например:

body, td {
font-family: Arial;
font-size: 16px;
}

означает, что шрифт на странице и в ячейках любой таблицы на сайте будет Arial, размером 16 пикселей.

Если в таблице стилей CSS элементы прописаны через пробел, это означает, что один элемент является составной частью другого. Например:

# front p{
text-align: justify;
}

означает, что абзацам, которым добавлен идентификатор #front, присвоено свойство выравнивания по обоим краям.

Если два разных стиля CSS присваиваются одному фрагменту сайта, приоритетным считается более узконаправленный стиль, например, стиль для body (для всего сайта сразу) менее приоритетен, чем стиль для заголовка h1, и форматирование заголовка h1 будет определяться в первую очередь именно вторым стилем CSS, а не первым.

Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером