Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Попробуем новый стиль

.

Выше было приведено несколько примеров объявлений стиля. Рассмотрим их по порядку.

Свойство background-col or (цвет фона) будет применено к большинству элементов на странице. Его можно задать разными способами. Один из них — указать названия цветов: navy (темно-синий), bluе (голубой), red (красный), yellow (желтый) и т. д. Это очень легко и запомнить, и написать, но лишь небольшая часть цветов имеет такого рода бытовые названия. Другой способ указания цвета — по шест-надцатеричной системе кодов цвета. Звучит жутко. Да и выглядит тоже, посмотрите хотя бы на это:

background-color: #e2edff;

Невозможно догадаться, что это значит. Но на самом деле все просто. Эта абракадабра — просто код светло-голубого цвета. Однако нет необходимости гадать, что значит этот код. К счастью, в Интернете есть множество сервисов, которые помогут вам выбрать цвет из палитры и затем дадут его код. Поищите эти сервисы, и вскоре вы сможете легко подбирать шестнадцатеричные коды для создания идеальных цветовых схем.

Таблица 3.1. Преобразование чисел из десятичной системы в шестнадцатеричную

Когда цвет записан в шестнадцатеричной системе, как, например, ffOOOO, фактически это число означает три величины, соединенные вместе. Эти величины — количество красного цвета (ff), зеленого (первые два нуля) и голубого (вторые два нуля), которые, соединяясь вместе, образуют определенный цвет. Эти три основных цвета комбинируются для отображения на экране абсолютно любого цвета, почти как на экране телевизора. В нашем примере ff — это максимальная величина красного цвета, а количество зеленого и синего равны нулю, так что легко запомнить — код #ff0000 дает красный цвет.

Существует очень интересное свойство line-height. Увеличивая его значения (в примере указано 125 %), вы можете расширить пространство между строками (интерлиньяж), за счет чего текст будет лучше восприниматься. Попробуйте поэкспериментировать со значениями данного свойства, сохраняя CSS-файл, и посмотрите, как это влияет на отображение текста.

Свойство paddi ng используется для расширения пространства между внешним краем элемента и содержанием внутри его. Поскольку мы говорим об элементе body, можно предположить, что речь идет о верхнем, нижнем и боковых полях окна браузера — той части, где отображается веб-страница, исключая панели инструментов браузера, меню и полосы прокрутки.

Значение, которое мы устанавливаем для этого свойства, определяет, какое пространство останется между внешними краями окна и контентом. В данном случае мы задали 15 рх, то есть 15 пикселов. Я уже упоминал пикселы, говоря о размере изображений, но что оно значит? Если попросту, то пиксел — это одна из тех точек, что образуют изображение, которое вы видите на экране компьютера. Экран состоит из сотен тысяч таких точек, так что 15-пиксельная граница не займет много места!

Рассмотрим стиль абзацев текста.

Вы уже видели, что можно изменить цвет текста в абзаце. Сейчас установлен синий цвет.

Посмотрим, что изменилось в стиле отображения элементов списка.

Благодаря свойству font-size размер шрифта каждого пункта списка незначительно изменился. Здесь мы решили изменить его с помощью ключевого слова small, но точно так же могли использовать проценты или пикселы. Как видите, есть много способов изменить вид ваших страниц с помощью CSS! Значения ключевых слов варьируются от хх-small до хх-large, с их помощью удобно быстро форматировать текст. К сожалению, интерпретация этих ключевых слов немного различается в разных браузерах, нельзя, например, гарантировать, что шрифт хх -1 а где в разных браузерах будет одного размера. Но если вас не заботит точный размер шрифта в пикселах, то эти ключевые слова вполне подойдут.

Мы также сделали новое правило для элемента hi (главный заголовок веб-страницы, который отображается как название сайта) и опять же установили свойство font-size для определения размеров текста (очень большой).

Браузеры обычно отображают заголовки полужирным шрифтом, но можно задать нормальное начертание, установив для свойства font-weight значение normal.

.

Читайте так же:
Not found