Web Чайник



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

CSS для новичков


назад вперед

Что такое CSS?

 


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

HTML-теги были созданы для определения содержимого документа. Они должны были говорить: «Это заголовок», «Это параграф», «Это таблица», используя теги <h1>, <p>, <table> и другие. Разметкой документа должен был заниматься браузер, не используя теги форматирования.

Со временем разработчики двух главных браузеров, Netscape и Internet Explorer, добавляли все больше и больше тегов и атрибутов (таких как <font> (шрифт) и цветовых атрибутов) в оригинальную спецификацию HTML, что привело к тому, что стало проблемой изменение оформления крупных многостраничных сайтов.

Для решения этой проблемы, Консортциум всемирной паутины (World Wide Web Consortium — W3C) — некоммерческая организация, разрабатывающая стандарты интернета, разработал стили и добавил их в HTML 4.0.

Теперь все основные браузеры поддерживают CSS.


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

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

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

Заметка: Ну и на десерт, чтобы ознакомиться с тем, что дает знание CSS, можете посмотреть сайт Zen Garden. На этом сайте люди полностью меняют оформление страницы, при этом весь текст остается неизменным. В общем, смотрите сами.


назад вперед

 

СТАТИСТИКА




ССЫЛКИ