HTML-верстка: инструменты и приемы профессиональной front-end разработки

Введение в CSS


назад вперед

Что вы уже должны знать

Чтобы эффективно изучать CSS вы должны иметь понятие о следующем:

Если вы хотите сперва изучить эти технологии, посетите Домашнюю страницу.


Что такое CSS?


Стили решают проблемы оформления

HTML не был рассчитан на управление форматированием документов.

HTML рассчитан на содержимое, например:

<h1>Это наш заголовок</h1>

<p>А здесь у нас будет текст параграфа.</p>

Когда в спецификацию HTML 3.2 были добавлены теги вроде <font> и цветовые атрибуты, это стало кошмаром веб-мастеров. Разработка больших сайтов, на которых надо было добавлять информацию о шрифте и цветах элементов html на всех страницах, стала занимать много времени и была дорогим удовольствием.

Для решения этой проблемы наш любимый Консорциум Всемирной Паутины (W3C) создал стандарт CSS.

В HTML 4.0 все форматирование можно было извлечь из html-документа и хранить его в отдельном css файле, что облегчило изменение оформления через изменение одного единственного файла.

В наше время все браузеры поддерживают CSS.


CSS экономит ваше время!

CSS определяет то, КАК должны отображаться HTML элементы.

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

Чтобы вы смогли оценить всю мощь CSS, предлагаю вам посетить сайт csszengarden.com. В боковой колонке вы можете выбрать дизайн и посмотреть как изменится страница. Вам, наверно, будет интересно узнать, что на этом сайте используется один и тот же html код для всех дизайнов, меняется только css стиль. Вот несколько примеров с этого сайта:

Возможности CSS

Возможности CSS

Возможности CSS


назад вперед 

Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта