Когда на веб-страничке много цветов, она грузится дольше. Но
красиво же!
<< вернуться на главную
В верстке страниц используют как 16-тиричный код и код rgb, так и названия цветов, Обозреватель нормально распознает и те и другие. Например, название красного цвета - red в 16-тиричном виде будет #FF0000, в rgb - (255, 0, 0). Здесь представлены названия цветов и их 16-тиричные значения:
|
|
red-FROG представляет: HTML в примерах v1.1: - эта книга в
первую очередь призвана помочь неопытным веб-строителям, но содержит и
некоторую информацию, полезную профессионалам. Это учебник и справочник в
одной книге, она познакомит с работой в кодах HTML напрямую. Книга в первую
очередь будет полезна тем, кто не любит лишней лирики писателей.
Здесь все
устроено на примерах с подробными комментариями. Любители построения сайтов с
Java Script также найдут здесь много интересных примеров, узнают больше об этом
языке и как им пользоваться. Используя JavaScript вместе с CSS,
можно украшать такие элементы страниц, как формы, кнопки и т.п. Книга
содержит программы на JavaScript, которые помогут в построении
сайта сейчас и сразу, много информации о тэгах, применяемых в HTML, дает
ответы на многие вопросы...
Автор - киевлянин Владимир Владимирович
Дригалкин,
LENIN INC
http://lenininc.narod.ru/
наверх
<LINK REL=STYLESHEET TYPE="text/css" HREF="Example.css">
Example.css - наш CSS файл, содержащий описание применяемых стилей. Если он находиться в другом каталоге, нужно указать к нему путь. Создается CSS файл в текстовом редакторе, например, в Блокноте, нужно будет только изменить расширение текстового файла на CSS. В CSS файле не должны указыватся тэги <STYLE></STYLE>! Мы можем определить стиль для любого тэга отдельно. Для этого нужно в тэг добавить элемент STYLE и описать его стиль в кавычках. Наш пример отображает слово "Пример" шрифтом Verdana, размером 150 процентов и красным цветом:
<H3 STYLE="font-family:Verdana; font-size:150%; color:red"> Пример </H3>
В таблице приведены некоторые свойства элементов, управляемых с помощью CSS:
| Свойства шрифта: | |
| font-family | Используется для указания шрифта или шрифтового
семейства, которым будет отображаться элемент. Пример: P {font-family: Verdana, sans-serif;} |
| font-weight | Определяет степень жирности шрифта с помощью трех
параметров: lighter (обычный), bold (жирный), bolder (очень
жирный) Пример: B {font-weight: bolder;} |
| font-size | Устанавливает размер шрифта. Параметр может указываться в
процентах, пикселях или сантиметрах. Примеры использования для тэгов H1, H2, H3: H1 {font-size: 200%;} H2 {font-size: 150px;} H3 {font-size: 400pt;} |
|
Свойства текста: | |
| text-decoration | Устанавливает эффекты оформления шрифта, такие, как
подчеркивание или зачеркивание текста Пример использования для тэга Н4: H4 {text-decoration: underline;} (подчеркивание) H4 {text-decoration: line-through;} (зачеркивание) |
| text-align | Определяет выравнивание элемента. Пример: P {text-align: left} (выравнивание по левому краю) P {text-align: right} (выравнивание по правому краю) P {text-align: justify} (выравнивание по ширине) P {text-align: center} (выравнивание по центру) |
| text-indent | Устанавливает отступ первой строки текста. Чаще всего
используется для создания параграфов с табулированной первой
строкой. Пример использования для тэга H1: H1 {text-indent: 60pt;} |
| line-height | Управляет интервалами между строками
текста. Пример: P {line-height: 50 %} |
|
Цвет элемента и фона: | |
| color | Определяет цвет элемента I {color: yellow;} Пример использования для тэга H3: H3 {color: #0000FF;} |
| background-color | Устанавливает цвет фона для элемента. Пример использования для тэга H3: <H3 style=”background-color:gold; color:brown;”> Пример
</H3> Пример |
| Свойства границ: | |
| margin-left (слево) margin-right (справо) margin-top (сверху) margin-bottom (снизу) |
Устанавливают значения отступов вокруг
элемента. Пример использования для рисунка: IMG { margin-left: 20pt} IMG { margin-right: 20pt} IMG { margin-top: 20pt} IMG { margin-bottom: 20pt} |
| Единицы измерения: | |
| px | Пиксели |
| cm | Сантиметры |
| mm | Миллиметры |
| pt или % | проценты |
Для написания метатегов предназначен Создатель МЕТА-тэгов от Владимира Дригалкина, который сделал превосходное пособие по ручному созданию сайтов HTML В ПРИМЕРАХ:
| LENIN INC Meta tegs creator v1.3 |
| © 2001 by Vladimir Drigalkin (LENIN INC) |
На сайте Автора
есть, как говорится - золотая дюжина великолепных программ, облегчающих
работу с текстами, таблицами и прочими причиндалами в сайтах без наворотов.
Кстати о таблицах - ниже и еще через два абзаца даются три скриптовые
программки, поверьте на слово - не хуже Создателя метатегов и сделанные по тому
же принципу. Но если их не видно, значит - в настройках браузера запрещено
показывать эти изображения. Если все вам нужны утилтки, можно скопировать
страничку и уже дома спокойно работать с ними...
ТАБЛИЦЫ
нам сделает в несколько кликов еще одна замечательная
программа:
Иногда, попадая на какой-то сайт, цвет прокрутки Обозревателя меняется (если обозреватель Internet Explorer версии не ниже 5.5). Создают такой эффект - стили (CSS). На сегодняшний день существуют восемь атрибутов, которыми можно задавать различные параметры прокрутки: scrollbar-3d-light-color - цвет контуров (окантовки) прокрутки scrollbar-arrow-color - цвет стрелочек на полосе вертикальной прокрутки scrollbar-base-color - базовый цвет прокрутки (фон) scrollbar-dark-shadow-color - тень прокрутки (более затемненная) scrollbar-face-color - цвет прокрутки scrollbar-highlight-color - цвет полос, по которым движется прокрутка (фон) scrollbar-shadow-color - тень прокрутки (обычная) scrollbar-track-color - цвет полос, по которым движется прокрутка. Чтобы изменить цвет прокрутки, поместите (не обязательно все) атрибуты в тэге <BODY>, в качестве значений присвойте 16-тиричный вид цвета или его название на английском языке; где их взять? а для этого есть утилита от Алексея Петровича Радченко Цветик - которая работает и по фону, и по шрифтам http://www.rvsn2.narod.ru/
<body style="scrollbar-3d-light-color: #000000; scrollbar-arrow-color: #F2F5FF; scrollbar-base-color: #F2F5FF; scrollbar-dark-shadow-color: #000000; scrollbar-face-color: #475059; scrollbar-highlight-color: #B8C2CC; scrollbar-shadow-color: #B8C2CC; scrollbar-track-color: #262D34;">
В создании цветовой гаммы прокруток за пару кликов нам всегда поможет вот эта программа: