CSS с нуля

0

Каскадные таблицы стилей позволяют эффективно работать над внешним видом страницы. Современный подход к созданию веб-страниц заключается в том, что HTML-документы не должны содержать информацию о дизайне. Это означает, что нужно избавиться от таких тегов, как «шрифт» (font) или «большой» (big).
Без дизайна было бы скучно — каждая страница выглядела бы одинаково. В 1996 году был введен стандарт CSS («Cascading Style Sheets» — каскадные таблицы стилей), который описывает внешний вид документов.
Давным-давно вебмастера часто использовали элементы, такие как и small, которые в сочетании с несемантичным HTML-кодом создавали гремучую смесь. Исходный код был абсолютно нечитаем, а для внесения незначительных изменений, таких как размер шрифта, иногда приходилось редактировать несколько файлов.
Синтаксис CSS очень простой. Сначала указывается элемент, а в фигурных скобках перечисляются его свойства.
Ключевыми характеристиками CSS являются прямая последовательность объединяемость стилей. Браузер сначала обрабатывает стили основных XHTML-элементов, а затем их классы или идентификаторы. Таким образом, можно точно указывать на элементы (например, #menu nodiv.left a:hover). Кстати можно скачать готовые шаблоны html сайтов бесплатно, чтобы не писать их с нуля и самостоятельно не познавать все нюансы css. Но хотя, если есть желание, то вперед.
Основной единицей измерения в CSS являются пиксели. Но стандарт подразумевает возможность использования относительных размеров, которые указываются в процентах. Цвета в CSS можно записывать в различных форматах. К примеру, записи «black», «#000000», «#000» или «RGB(0,0,0)» означают черный цвет.
Стандарт каскадных таблиц стилей обладает множеством деталей, которые позволяют работать более эффективно и точно определять дизайн элементов на веб-страницах.


Понравилось? Подпишитесь на обновления блога и получайте свежие актуальные статьи прямо на Ваш почтовый ящик!

Кроме этого, можно подписаться по RSS.

Оставить комментарий или два

XHTML: Используйте эти тэги для форматирования комментария: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>