Веб дизайн на css


Возможно, вы уже слышали о 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-тэги, такие как веб дизайн на css <h1> и <p>.

По мере развития Web дизайнеры начали искать возможности форматирования онлайновых документов. Чтобы удовлетворить возросшим требованиям потребителей, производители браузеров (тогда - Netscape и Microsoft) изобрели новые HTML-тэги, такие, например, как <font>, которые отличались от оригинальных HTML-тэгов тем, что они определяли внешний вид, а не структуру.

Это также привело к тому, что оригинальные тэги структурирования, такие как <table>, стали всё больше применяться для дизайна страниц вместо структурирования текста. Многие новые тэги дизайна, такие как <blink>, поддерживались только одним браузером. "Вам необходим браузер X для просмотра этой страницы" - такой отказ стал обычным явлением на web-сайтах.

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

Какие преимущества даст мне CSS?

Появление CSS стало революцией в мире web-дизайна. Конкретные преимущества CSS:

  • управление отображением множества документов с помощью одной таблицы стилей;
  • более точный контроль над внешним видом страниц;
  • различные представления для разных носителей информации (экран, печать, и т. д.);
  • сложная и проработанная техника дизайна.

В следующем уроке мы поближе познакомимся с тем, как реально работает CSS и как вам начать работу.

<< Введение

Урок 2: Как работает CSS? >>


Источник: http://ru.html.net/tutorials/css/lesson1.php

Закрыть ... [X]

Frontend-разработка. Верстка HTML, CSS. - WEB-курсы Работа дизайнер интерьеров в москве


Веб дизайн на css

Изучение HTML, CSS и веб-дизайна по шагам



Веб дизайн на css

Отзывчивый веб-дизайн WebReference



Веб дизайн на css

Урок 1: Что такое CSS? rustutorial - t



Веб дизайн на css

Responsive Web Design Introduction - W3Schools



Веб дизайн на css

12 быстрых причесок на каждый день. Видео



Веб дизайн на css

Антикварный салон Антикварный магазин в Москве



Веб дизайн на css

Беседки для дачи своими руками: как сделать самому, дизайн-идеи



Веб дизайн на css

Ванные комнаты 5 и 6 кв. м. - 100 лучших идей дизайна на фото



Веб дизайн на css

Детские прически на выпускной фото



Веб дизайн на css

Детское портфолио для детского сада. Скачать бесплатно шаблоны



Веб дизайн на css

Дизайн ванной комнаты Фото интерьеров из нашего портфолио



Веб дизайн на css

Интерьер домов из оцилиндрованного бревна



Веб дизайн на css

Интерьер туалета: 85 свежих идей дизайна (фото)