WMZ-PORTAL.RU - удаленная работа на дому в сети интернет, заработок в интернете

Работа в интернете, работа на дому. Интернет обучение.

       

Шаг 1. Что такое CSS

CSS (Cascading Style Sheets, каскадные таблицы стилей) — это набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом и положением.

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

Разделение оформления и содержания

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

Единое оформление документов

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

Централизованное хранение

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

Расширенные возможности

В отличие от HTML стили имеют гораздо больше возможностей по оформлению элементов веб-страниц. Простыми средствами можно изменить цвет фона элемента, добавить рамку, установить шрифт, определить размеры, положение и многое другое.

Быстрая работа

При хранении стилей в отдельном файле, он кэшируется и при повторном обращении к нему извлекается из кэша браузера. За счет кэширования и того, что стили хранятся в отдельном файле, уменьшается код веб-страниц и снижается время загрузки документов.

Замечание

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

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

Замечание

Условно верстка веб-страниц делится на табличную верстку, где в качестве невидимой модульной сетки выступают ячейки таблицы, и верстку с помощью слоев. В дальнейшем, под слоем будем понимать элемент <DIV> или <SPAN>, к которому добавляются стилевые параметры для изменения оформления и положения элемента.

Copyright © Влад Мержевич
www.htmlbook.ru

HTML по шагам

Любой может сделать сайт.
Шаг 1. Основные понятия
Шаг 2. Создание HTML-документа
Шаг 3. Особенности HTML
Шаг 4. Структура HTML-кода
Шаг 5. Теги HTML
Шаг 6. Работа с текстом
Шаг 7. Ссылки
Шаг 8. Якоря
Шаг 9. Изображения
Шаг 10. Списки
Шаг 11. Таблицы

CSS по шагам

Шаг 1. Что такое CSS
Шаг 2. Подключение CSS
Шаг 3. Типы носителей
Шаг 4. Базовый синтаксис
Шаг 5. Селекторы тегов
Шаг 6. Классы
Шаг 7. Идентификаторы
Шаг 8. Комментарии
Шаг 9. Контекстные селекторы
Шаг 10. Соседние селекторы
Шаг 11. Дочерние селекторы
Шаг 12. Селекторы атрибутов
Шаг 13. Универсальный селектор
Шаг 14. Группирование
Шаг 15. Наследование
Шаг 16. Псевдоклассы
Шаг 17. Псевдоэлементы
Шаг 18. Правила создания стиля