Возможно, вы уже слышали о CSS, но не знаете, что это такое? В этом
уроке вы узнаете, что такое CSS и что он может сделать для вас.
CSS
это акроним для Cascading Style Sheets/Каскадных
таблиц стилей.
Что
можно делать с помощью CSS?
CSS это язык стилей,
определяющий отображение HTML-документов. Например, CSS работает с
шрифтами, цветом, полями, строками, высотой, шириной, фоновыми
изображениями, позиционированием элементов и многими другими вещами.
Потерпите, и увидите!
HTML может (неправильно) использоваться для
оформления web-сайтов. Но CSS предоставляет бóльшие возможности и
более точен и проработан. CSS, на сегодняшний день, поддерживается
всеми браузерами (программами просмотра).
Прочитав лишь несколько
уроков этого учебника, вы сможете создавать собственные таблицы стилей
и использовать CSS для придания вашему web-сайту великолепного вида.
В чём разница между CSS и HTML?
HTML
используется для структурирования содержимого страницы. CSS
используется для форматирования этого структурированного содержимого.
Согласен,
это звучит как-то заумно. Но, пожалуйста, читайте дальше. Вскоре всё
начнёт проясняться.
Давным-давно, когда Мадонна была девой, а
парень по имени Tim Berners Lee изобрёл World Wide Web, язык HTML
использовался только для вывода структурированного текста. Автор мог
только размечать текст: "это - заголовок" или "это - параграф",
используя HTML-тэги, такие как <h1> и <p>.
По мере
развития Web дизайнеры начали искать возможности форматирования
онлайновых документов. Чтобы удовлетворить возросшим требованиям
потребителей, производители браузеров (тогда - Netscape и Microsoft)
изобрели новые HTML-тэги, такие, например, как <font>, которые
отличались от оригинальных HTML-тэгов тем, что они определяли внешний
вид, а не структуру.
Это также привело к тому, что оригинальные
тэги структурирования, такие как <table>, стали всё больше
применяться для дизайна страниц вместо структурирования текста. Многие
новые тэги дизайна, такие как <blink>, поддерживались только
одним браузером. "Вам необходим браузер X для просмотра этой страницы" -
такой отказ стал обычным явлением на web-сайтах.
CSS был создан
для исправления этой ситуации путём предоставления web-дизайнерам
возможностей точного дизайна, поддерживаемых всеми браузерами.
Одновременно произошло разделение представления и содержимого
документа, что значительно упростило работу.
Какие преимущества даст мне CSS?
Появление
CSS стало революцией в мире web-дизайна. Конкретные преимущества CSS:
- управление отображением множества документов с помощью одной
таблицы стилей;
- более точный контроль над внешним видом
страниц;
- различные представления для разных носителей
информации (экран, печать, и т. д.);
- сложная и
проработанная техника дизайна.
В следующем уроке мы поближе
познакомимся с тем, как реально работает CSS и как вам начать работу.