Построй свой домик в Интернете!

Спецвыпуск 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

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001