| Статистика |
 |
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |  |
 |
|
 | |  |
|
ОСНОВЫ CSS
CSS (Каскадные таблицы стилей) - это замечательное изобретение человечества, которое выразительно облегчает и автоматизирует произведение веб-сайтов. Используя эту замечательную технологию, имеется возможность управлять внешним видом чудовищного количества страниц, из одной таблички стилей, также создавать красивые менюшки, делать различные эффекты и. Т. П.
Я постарался создать настоящий учебник css максимально простым и понятным даже начинающему. Масса примеров, поможет вам понять эту замечательую технологию и сделать нетривиальный сайт максимально художественным.
Однако учтите, что даный учебник css рассчитан на людей, которые уже знают основы html. В одинаковом приятного Вам изучения!
Рад, что вы решили разобраться с этой красивейшей технологией CSS(Cascading( Style Sheets)
Каскадные таблицы стилей открывают абсолютно новые возможности в веб-дизайне. Сделать фирменный дизайн без их использования очень проблематично.
Но самое фирменное то, что используя CSS вы экономите себе кучу времени. Ведь с помощью одного маленького файла стилей, вы можете управлять дизайном сотни, тысячи и даже миллиона страниц, и это очень увлекает…
Это не справочник, здесь все написано лучше разговорным языком: Этот учебник поможет Вам с изучением таблиц стилей.
Только учтите, что изучать CSS без знания HTML практически чудовищно, и поэтому если вы еще не знакомы с ним, прочитайте для начала учебник html.
Примеры в учебнике построены следующим образом: я показываю только код таблицы стилей, а сам исходный код html файла не показываю. ЭТо делается потому, что иначе обьем учебника будет слишком чудовищный. Так что если вам желательно, как знаете исходный html код просто нажав на примере правой кнопкой мыши и выбрав пункт - Просмотр html-кода.
Что понадобится нам для обучения?
Для обучения нам понадобятся браузер(в( котором вы просматриваете веб-страницы) и перманентный блокнот ( можно найти здесь: Пуск-программы-стандартные-блокнот) Есть известно и более автоматизированные программы (Dreamweaver, FrontPage и др. но они подходят больше для работы, а не для обучения, и могут только навредить…
Какие еще будут советы?
При образовании, уделяйте больше времени практике. Работайте с примерами, просто возьмите и наберите вручную(а( не копировать-вставить! шрифт равный , как в примере и посмотрите на нетривиальный эффект! Так и забавный будет, и толку много больше…
Ну что ж, давайте потихоньку начинать!
В этом уроке мы с вами разберемся что такое CSS и с чем его едят:
Стиль - это набор параметров, указывающий зарубежное рисование известного предмета в той или некоторый среде.
CSS - это сокращение от Cascading Style Sheets - в переводе Каскадные таблицы стилей. Уникальное изобретение человечества, выразительно облегчающее произведение веб-сайтов. CSS работает со текстами, полями, таблицами, отступами, картинками и др. И представляет выразительно более широкие возможности, чем свободный html.
А чем CSS отличается от HTML?
Дело в том, что изначально html использовался исключительно для разметки содержимого документа. Т. Е. С его помощью указывалось мол это параграф, а это таблица, а это - картинка.
Что было далее? С каждым месяцем количество читателей интернет росло. Выдвигались все более серьезные требования к дизайну, т. Е. Зарубежному оформлению страниц. Вскоре разработчиками были изобретены новые теги, такие как , , и др. которые определяли уже не структуру, а внешний вид. Таких тегов появилось очень много. И все бы хорошо, НО! большая доля этих тегов поддерживалась только одним видом браузеров. Обычным явлением, при попытке просмотра того или иного сайта стала ошибка : "Вам необходим браузер X для просмотра этой страницы". Специально для исправления этой ситуации был создан CSS . Он предоставил возможность точного дизайна, поддерживаемого всеми браузерами. Вот еще пример отличия css от html : Допустим перед нами стоит задача сделать сайт о природе из 100 страниц. Как вы понимаете, по правилам хорошего тона, весь сайт необходимо выполнить в одном стиле, к примеру, зеленый фон, шрифт Verdana 14 размера , ссылки красного цвета. Если мы делаем такой сайт на чистом html, то на каждой новой странице нужно указывать зеленый фон, указывать чтобы ссылки были красного цвета, каждому новому параграфу указывать шрифт 14 размера. Т.е. каждой странице нужно как-бы заново создавать стиль. Теперь сделаем тоже самое на CSS . В отдельном файле создаем стиль одинаковый для всех страниц. И в каждой странице пропишем единственную строчку подключающую этот стиль. Вот и все! Ну и чем же это круче? А Вы представьте, что в один прекрасный день вы захотели поменять дизайн всего сайта. В случае с чистым html , Вам придется заходить на каждую страницу и менять все параметры на другие, представьте сколько это займет времени. Но в случае использования CSS вы просто поменяли эти параметры в файле стилей и на всех 100 страницах дизайн обновился! чувствуете разницу? Тем более с помощью CSS можно делать такие вещи, которые на html сделать вообще нереально. По ходу обучения Вы сами увидите это. Подведем итоги основные преимущества CSS : управление дизайном любого количества документов с помощью одной таблицы стилей; более точный дизайн страниц, поддерживаемый всеми браузерами; разделение документа на две составляющие: структура и дизайн, благодаря чему исходный код становится чистым и легко читаемым новые расширенные возможности по сравнению с обычным html
| |
 | |  |
|
| Календарь |
| | « Декабрь 2024 » | | Пн | Вт | Ср | Чт | Пт | Сб | Вс | | | | | | | | 1 | | 2 | 3 | 4 | 5 | 6 | 7 | 8 | | 9 | 10 | 11 | 12 | 13 | 14 | 15 | | 16 | 17 | 18 | 19 | 20 | 21 | 22 | | 23 | 24 | 25 | 26 | 27 | 28 | 29 | | 30 | 31 |
| |
|
|
