русский  עברית
tadam logo
backgroundbackground-attachmentbackground-colorbackground-imagebackground-positionbackground-repeatborderborder-bottomborder-bottom-colorborder-bottom-styleborder-bottom-widthborder-colorborder-leftborder-left-colorborder-left-styleborder-left-widthborder-rightborder-right-colorborder-right-styleborder-right-widthborder-styleborder-topborder-top-colorborder-top-styleborder-top-widthborder-widthoutlineoutline-coloroutline-styleoutline-widthheightmax-heightmax-widthmin-heightmin-widthwidthfontfont-familyfont-sizefont-stylefont-variantfont-weightcontentcounter-incrementcounter-resetquoteslist-stylelist-style-imagelist-style-positionlist-style-typemarginmargin-bottommargin-leftmargin-rightmargin-toppaddingpadding-bottompadding-leftpadding-rightpadding-topbottomclearclipcursordisplayfloatleftoverflowpositionrighttopvisibilityz-indexpage-break-afterpage-break-beforepage-break-insideborder-collapseborder-spacingcaption-sideempty-cellstable-layoutcolordirectionletter-spacingline-heighttext-aligntext-decorationtext-indenttext-transformvertical-alignwhite-spaceword-spacing
Нашли ошибку в тексте?
Отметьте её курсором и нажмите
Ctrl + Enter
Проверка орфографии Xhtml.co.il
Orphus system
Рассылка
Присоединитесь к списку рассылки для получения последних новостей

Введите адрес электронной почты:

Примеры CSS

Примеры

Синтакс CSS

CSS состоит из двух основных частей: селектора, и одного или более деклараций:

Селектор это как правило, элемент HTML, который вы хотите отформатировать.

Каждая декларация состоит из свойства и значения.

Свойство это атрибут стиля, который вы хотите изменить. Каждое свойство имеет значение.

Пример CSS

Декларации CSS всегда заканчиваются точкой с запятой, и декларации группируются в фигурные скобки:

p {color:red;text-align:center;}

Чтобы сделать CSS более удобным для чтения, вы можете положить все декларации на одной линии, как здесь:

Примеры

Пример CSS
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
p { color:red; text-align:center; } 
</style>
</head>
<body>
<p>Привет Мир!</p>
<p>Этот параграф отформатирован с CSS.</p>
</body>
</html>
Результат выполнения кода выше:

CSS комментарии

Комментарии используются для объяснения кода, и могут помочь вам, когда вы захотите изменить исходный код в будущем. Комментарии игнорируются браузерами.

CSS комментарии начинаются с "/*", и заканчиваются с "*/", как здесь:

/*This is a comment*/
p {
     text-align:center;
     /*This is another comment*/
     color:black;
     font-family:arial;
}
Была ли эта информация полезной?
   

Комментарии