Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Введение в CSS.

Автор: Андрей Краснокутский

Дата: 2009-02-09

Что такое CSS?

В уроках изученных ранее (по HTML) мы с Вами создали простой сайт посвященный автомобилям. При задании элементов оформления веб-страниц (текст, шрифт, рамка сайта и т.д.) каждому из элементов мы с Вами прописывали в коде свои теги предписывающие браузеру как он (браузер) будет отображать данную страницу на экране монитора. Этот учебный сайт содержал всего 6 страниц. А теперь представьте что на Вашем сайте страниц 50 или больше и вот Вам например понадобилось изменить цвет шрифта или рамку вокруг сайта….. Т.е. необходимо открыть все 50 файлов (или больше) и прописать для каждого абзаца другой цвет шрифта, это же сколько работы необходимо проделать причем работы очень бестолковой и рутинной.

Однако существует технология позволяющая управлять оформлением дизайна одновременно на всех страницах сайта одновременно изменением всего нескольких строк кода. Эта технология позволяет отделить дизайн сайта от его содержания. Этот так называемые каскадные таблицы стилей CSS.

CSS Cascading Style Sheets (Таблицы каскадных стилей) – это набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходиться каждый раз описывать эти свойства. Применяя CSS, Вы можете один раз описать свойства элементов и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного вами.

Вы можете сохранить описание стиля как в тексте самой веб-странички, так и в отдельном файле – это позволит использовать описание стиля на любом количестве Web-страниц. В этих уроках Мы будем с Вами говорить о написании стилевых правил в отдельном файле.

Данный файл, так же как и html страничка создается в стандартном блокноте или любом текстовом редакторе и сохраняется в корневой папке сайта обычно под именем style.css. Хотя назвать Вы его можете и по другому, но обращаю Ваше внимание на обязательное расширение .css.

Чтобы привязать данный файл стилей к конкретному html документу, в этом документе между тегами <head> </head> прописывается вот такой код:

<link rel=stylesheet type="text/css" href="style.css">

HTML-документов, к которым привязывается данная таблица стилей, может быть бесчисленное множество. В местах html-страницы, где мы хотим применить данный стиль просто ставятся специальные метки при написании кода. Если таблица стилей лежит в кокай-либо папке, то необходимо вместо "style.css" прописать полный путь к этому файлу как мы делали для указания пути к графическим файлам. Но давайте пока не будем усложнять, пусть наш файл style.css лежит в корневой папке сайта.

Теперь Вы понимаете, чтобы изменить любой элемент оформления на всех станицах сайта, достаточно изменить код оформления данного элемента только в этой таблице стилей.

Итак приступим к оформлению дизайна нашего тестового сайта с помощью CSS каскадных таблиц стилей.

 

Качайте Бесплатно и читайте также:

Практическое руководство "Как сделать красивую 3D обложку"

Как заработать в Интернете на продаже ссылок?

Сборник анекдотов в стиле Н. Фоменко

Notepad++ 5.1.4 Final + Portable Скачать бесплатно

eBook Edit Pro. Профессиональная программа для создания электронных книг.

 

Просмотров: 9989


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Дмитрий
Дата: 2012-08-29

<link rel=stylesheet type="text/css" href="style.css"> Значение stylesheet нужно в кавычках?

Комментарии добавил(а): Макс
Дата: 2015-03-23

Да

Добавить Ваш комментарий:

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео курс по созданию сайтов: Сайт от А до Я
С нами сделать сайт
сможет даже Ребёнок!
"Сайт от А до Я"
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT