CSS переводится как CascadeStyleSheet - каскадная таблица стилей. В ней можно задавать различные параметры для различных объектов, в том числе и те, которые нельзя создать в обычном HTML-коде.
<style>
Можно напечатать стилевой текст прямо в документе. Для этого между тегами <head> печатаете парный тег <style>. Между <style> печатаете программный код. Выглядит это следующим образом:
<style>
элемент {
параметр_правила: значение; параметр_правила: значение;
}
элемент {
параметр_правила: значение; параметр_правила: значение;
}
</style>
Единственный недостаток этого варианта - так это то, что заданный програмный код распространяется на ту страницу, в которой он введён.
*.css
Помимо того, что программный текст стилей можно "приварить" к документу, его ещё можно и напечатать в отдельном документе, а потом в структуре создать ссылку на него. Делается это следующим образом: между тегами <head> введите код: <link rel="stylesheet" type="text/css" href="имя_файла.css"> (причём имя файла должно быть написано на английском и слитно). Чтобы создать стилевой файл, создайте сначала текстовый файл с расширением *.txt . Затем смените расширение на *.css . В полученном файле же пишется программный код. Пишется он так:
элемент {
параметр_правила: значение; параметр_правила: значение;
}
элемент {
параметр_правила: значение; параметр_правила: значение;
}.
style как параметр
Style может выступать в роли параметра для ЛЮБОГО тега. Указывать стиль можно следующим образом, например для парных тегов <div> или <span>: <span style="параметр: значение; параметр: значение;">Текст</span>.
Например, чтобы изменить цвет ползунка прокрутки в документе, введите в файле следующее:
body {
scrollbar-face-color: цвет_ползунка_прокрутки; scrollbar-track-color: цвет_области_прокрутки; scrollbar-arrow-color: цвет_стрелки;
}
А если вам охота поэкспериментировать над гиперссылками, то пожалуйста:
A:link (это нетронутая ссылка){
text-decoration: вид_текстовых_декораций; color: цвет_ссылки;
}
A:hover (это ссылка, на которую наведена мышка){
text-decoration: вид_текстовых_декораций; color: цвет_ссылки;
}
A:active (это нажатая ссылка){
text-decoration: вид_текстовых_декораций; color: цвет_ссылки;
}
A:visited (это посещённая ссылка){
text-decoration: вид_текстовых_декораций; color: цвет_ссылки;
}
Если вам не нужна подчёркнутая ссылка, то в текстовых декорациях укажите none, иначе введите underline. То, что написано в скобках на русском, писать, естественно, не надо.
И вот пример style как параметра: <font color="orange">Оранжевый текст</font> можно заменить <span style="COLOR: orange;">Оранжевый текст</span> - результат один.
Более подробную информацию про css вы можете скачать здесь.
