CSS (Cascading Style Sheets — каскадные таблицы стилей) – одна из базовых технологий в современном Интернете. Нечасто можно встретить сайт, свёрстанный без применения CSS.
CSS-код – это список инструкций для браузера, – как и где отображать элементы веб-страницы, написанный особым образом. Под «элементами» обычно подразумеваются теги XHTML/HTML и их содержимое.
Стиль css прописывается как название тэга открывающаяся фигурная скобка {код стиля1;код стиля2; закрывающаяся фигурная скобка}, то есть
Код: Выделить всё
body {background:#FFFFFF;color:#000000;}=> для тэга body прописан стиль: фон - белый, цвет текста - чёрный.
Стили применяются как к самим тэгам, так и для формирования классов и ид.
(класс применяется если данный код применяется многократно, ид - если разово)
пример:
Код: Выделить всё
table {padding:2px;} - применение html тэга
#test {background:#000000;} - применение id
.test {background:#000000;} - применение class
Прописывать можно многими способами.
- Можно писать в строчку, можно столбцом:
Код: Выделить всё
table {padding:2px;background:#FF0000;}Код: Выделить всё
table {
padding:2px;
background:#FF0000;
} - Данные стиля можно прописать в самом шаблоне страницы, например:
Код: Выделить всё
<style>
table {
padding:2px;
background:#FF0000;
}
</style>
заключив его в тэги <style></style> - Стиль можно прописать и в самом тэге при вёрстке html-кода:
Код: Выделить всё
<span style="float:right;">текст</span>
благодаря вставке стиля, текст, заключенный в тэги <span></span> будет прижат к правому краю. - Также для прописки стиля создаются отдельные файлы, например style.css, которые потом активируются на странице путём подключения
Код: Выделить всё
<link rel="stylesheet" type="text/css" href="style.css">
перед тэгомКод: Выделить всё
</head>
Существуют разнообразные "кусочки" стилевого оформления, благодаря которым можно задать фон для страницы (картинку/цвет), цвет текста, размер текста, прозрачность и тени, разный вид при просмотре и активации, отступы внешние и внутренние и многое другое.
У меня самого нет времени на прописку здесь всей этой интересной информации, поэтому я дам несколько ссылок, где её можно посмотреть. Если возникнут вопросы по применению - можете задавать. в меру своих способностей постараюсь ответить...
Ссылки: http://css.manual.ru/ http://hello-vitebsk.ru/css/index.html
