|
Построй свой домик в Интернете!
Спецвыпуск Xakep, номер #015, стр. 015-010-10
background-attachment - определяет статус рисунка фона при скроллинге (поддерживает только Internet Explorer);
background-position - позволяет указать расположение фонового рисунка (поддерживает только Internet Explorer);
background - позволяет указать все перечисленные выше параметры, но одним списком.
Управление шрифтами
font-family - определяет название шрифта (можно указать несколько);
font-style - определяет стиль шрифта: нормальный, курсивный или полужирный;
font-variant - определяет отображение прописных символов в нижнем регистре;
font-weigth - определяет полужирное начертание (степень полужирности указывается числовым значением);
font-size - определяет размер символов шрифта;
font - позволяет указать все перечисленные выше параметры, но одним списком.
Границы и поля
margin-top, margin-bottom, margin-left, margin-right - определяет поля элемента (в пикселах или в процентах);
margin - позволяет указать все эти поля одним списком;
width - определяет ширину элемента, например, изображения;
heigth - определяет высоту элемента;
float - позволяет создавать обтекающий элемент текста;
clear - определяет конец обтекания текстом элемента.
Более полно описание CSS смотри на www.w3.org/Style/CSS, а я тебе приведу примерчик:
<html>
<head><title>Пример использования CSS для Спецвыпуска Хакера</title>
<style>
body {color: blue}
p {text-align: center; margin-left: 20%; margin-right: 20%}
h1, h2, h3 {color: red}
ul {color: green}
</style>
</head>
<body>
<h1>Моя супергипермега страничка!</h1>
<p>Заголовок в примере красный, текст абзаца - синий. Абзац выровнен по центру с отступом 20% по бокам.</p>
<p style="color: black">А этот абзац с черным текстом, так как стиль переопределен.</p>
<ul>
<li>это список, элементы определены зеленым цветом
<li>аналогично
<li style="color: red">опять переопределение, в результате текст красного цвета
</ul>
</body>
</html>
Что за зверь Java-Script?
Еще один мощный инструмент для создания дополнительных фенек на твоей страничке - Java-Script. Это уже язык программирования, который родили в Netscape Communication Corporation (они же создали Netscape Navigator). Удобство этого языка состоит в том, что сценарии, написанные на нем, напрямую вставляются в страничку. Java-Script - интерпретируемый язык программирования. Браузер выполняет каждую строку сценария последовательно, после выполнения предыдущей. Для изучения он достаточно прост, а синтаксис сходен с Java, отсюда и название (изначально он назывался LiveScript). Я не буду описывать весь синтаксис языка - не хватит объема статьи, проще купить книжку. Но покажу парочку наглядных примеров, что можно сделать на Java-Script, и скажу, где порыть материал в Инете. А сделать можно многое:
- бегущие строки на страничках в теле, в заголовке, в строке состояния;
- вычисления в формах без использования cgi-скриптов;
- проверка форм на правильность ввода данных без использования cgi-скриптов;
Назад на стр. 015-010-9 Содержание Вперед на стр. 015-010-11
|
