CSS стили (CSS с англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц.
Простыми словами, стили CSS отвечают за красоту сайта — его внешний вид: размер, цвет и тип шрифта, фон и цвета разных блоков, графические картинки и т.д.
Существование стилей значительно облегчает задачу программиста. Задав набор параметров (стилей) для каждого отдельного элемента сайта, в дальнейшем нужно будет просто обозначить его (назвать его название), а не прописывать все характеристики каждый раз полностью.
Как мы видим в определении, CSS является языком, соответственно у него так же, как и в HTML есть свои слова (команды). В CSS они называются свойствами. Таких свойств очень много. Чтобы изучить все, лучше пользоваться шпаргалкой от HTMLbook.ru.
Синтаксис CSS
- Вы можете прописать стили на самой странице (например, если они Вам больше нигде не понадобятся). Для этого необходимо использовать HTML тэг <style>. Тег <style> применяется для определения стилей элементов веб-страницы. Его используют внутри контейнера</head>.
После тега <style> идет название стиля (произвольное, придуманное вами), а далее в фигурных скобках { } уже непосредственно описание свойство этого стиля, которое имеет свое значение. Это и есть язык CSS.
.название стиля {свойство: значение;} .anyname {color: red;} Пример:
12345678910<style>.photoimg{padding:20px;/* Поля вокруг изображения */margin-right:10px;/* Отступ справа */margin-bottom:10px;/* Отступ снизу */outline:1px solid #666;/* Параметры рамки */background:#f0f0f0;/* Цвет фона */float: left;/* Обтекание по правому краю */}</style> - Чаще всего Вам необходимо, чтобы стили дизайна Вашего сайта повторялись от страницы к странице. Для этого создается отдельный файл с расширением css (например, Styles.css), где прописываются все стили сайта. Создавать такой файл лучше в специальной программе, я использую Dreamweaver.
Далее, чтобы связать этот файл со всеми страницами сайта, на каждой странице Между тегами <head> </head> просто прописываем строку:
Для связи документа HTML к которому будет применен стиль, нужно прописать следующую строку:
CSS стили на сайтах uCoz
На сайтах uCoz все стили CSS уже вынесены в отдельный файл, и этот файл уже автоматически прописан в каждой странице. Этим Вам заниматься не придется.
А вот чем придется точно заниматься это редактировать и изменять стили CSS, если Вы хотите, чтобы Ваш сайт имел свою индивидуальность. Стили Вашего сайта находятся:
Панель Управления — Дизайн — Управление дизайном CSS.
Когда Вы зашли в Управление дизайном CSS Вы увидите список всех стилей, которые и можно редактировать, нужно только знать что, где и как. А вот об этом обязательно будет дальше.
Скажите, пожалуйста, уроки по CSS еще будут?