Categories: HTML и СSS

CSS стили простыми словами

CSS стили (CSS с англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц.

Простыми словами, стили CSS отвечают за красоту сайта – его внешний вид: размер, цвет и тип шрифта, фон и цвета разных блоков, графические картинки и т.д.

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

Как мы видим в определении, CSS является языком, соответственно у него так же, как и в HTML есть свои слова (команды). В CSS они называются свойствами. Таких свойств очень много. Чтобы изучить все, лучше пользоваться шпаргалкой от HTMLbook.ru.

Синтаксис CSS

Вы можете прописать стили на самой странице (например, если они Вам больше нигде не понадобятся). Для этого необходимо использовать HTML тэг <style>. Тег <style> применяется для определения стилей элементов веб-страницы. Его используют внутри контейнера</head>.
После тега <style> идет название стиля (произвольное, придуманное вами), а далее в фигурных скобках { } уже непосредственно описание свойство этого стиля, которое имеет свое значение. Это и есть язык CSS.

.название стиля {свойство: значение;}
.anyname {color: red;}
Пример:
```
<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 Вы увидите список всех стилей, которые и можно редактировать, нужно только знать что, где и как. А вот об этом обязательно будет дальше.

Больше статей: HTML теги простыми словами