Современные уроки CSS для начинающих

или изучаем уроки CSS для чайников самостоятельно

Вы стремитесь работать только на себя, иметь собственный бизнес в сети интернет? Хотите создать интернет-сайт, который будет приносить вам деньги? — Хорошо! CSS уроки помогут сделать сайт привлекательным для ваших потенциальных клиентов.

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

Разработкой и стандартизацией CSS занимается W3C (World Wide Web Consortium) с 1996 года, когда была принята первая версия. Вторая созданна в 1998 году, на базе первой с некоторыми доработками. В настоящее время консорциумом рекомендована версия CSS 3 → и материал соответствует новой 3-й версии CSS, которая еще дополняется.

Современные уроки по CSS разработаны специально для начинающих или чайников.

Уроки CSS – это современные уроки манипулирования элементами веб-страницы.
Уроки CSS – вторая ступень на пути освоения разработки интернет-сайтов.
Уроки CSS должны быть выучены прежде, чем уроки дизайна с использованием Фотошоп.

Вся прелесть использования Каскадных таблиц стилей вам откроется в процессе обучения. Вот пример: представьте на минуточку, что ваш сайт содержит пару сотен страниц и, в очередной раз, вы решили сменить фон, цвет текста и размер заголовков каждого документа... Используя CSS, это можно сделать за несколько секунд, изменив значения соответствующих атрибутов во внешнем .css файле. Ответ на вопрос: Как это сделать? – Ищите в последующих уроках CSS самоучителя.

Прежде, чем начать изучать уроки CSS, получите базовый уровень знаний в HTML или XHTML.

Если вы планируете стать достойным web-мастером и создавать приличные проекты — пользуйтесь текстовыми редакторами с подсветкой кода и проверкой синтаксиса — не позволяйте графическим делать за вас кропотливую, но очень важную работу — написание кода.

Новые уроки CSS для чайников | Пример CSS кода

Ниже показан знакомый нам из HTML код неупорядоченного списка:

<ul>

          <li>Sony</li>

          <li>Asus</li>

          <li>Dell</li>

          <li>Toshiba</li>

          </ul>

Результат:

Sony
Asus
Dell
Toshiba

Внедрим Каскадные таблицы стилей:

<title>Современные уроки CSS</title>

          <style type="text/css">

          ul li {list-style:none; display:inline; background-color:#99ccff; padding:2px}

          </style>

          </head>

          <body>

          <ul>

          <li>Sony</li>

          <li>Asus</li>

          <li>Dell</li>

          <li>Toshiba</li>

          </ul>

          </body>

Результат:

Уроки CSS - Пример

Посмотреть в новом окне: список, отформатированный при помощи CSS

Ничего особенного, но если над кодом немного поработать, можно получить горизонтальное меню — подробности в 17-ом уроке.

Уроки HTML и уроки CSS являются основой сайтостроения. Отделив достаточно времени на их изучение, вы научитесь создавать свои первые web-страницы. Уроки Photoshop дадут необходимые знания в области web-дизайна.

Автор проекта - Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018

Уроки CSS для начинающих Уроки CSS для чайников | Урок 1. CSS подключение