вот так
Подведи курсор к тексту!
пятнадцати
Здесь будет Ваш текст
Первый поцелуй!
Я принесла тебе поляну. На завтрак. Пока несла ее, все откусывали от нее по чуть-чуть и не верили вкусу земляники. Хорошо, что на поляне сидел тушканчик. Он-то и объяснял всем, что в мире нет ничего особенного, что это просто девочка несет поляну на завтрак своему другу. Лесную. С земляникой. Ну и что. Не всем же кофе в постель.
Потом достать смешные акварели, изрисовать в нелепые цвета. Потом себя в оранжевый покрасить. Ты будешь – Солнце, вечное, всегда. И возле солнца – ангелы и бесы, песочницы, гитары, звон монет, коты и кастаньеты, апельсины, смешные дети, сильные мужчины. И в центре – твой улыбчивый портрет.
♣ ♣ ♥ ♥
Атрибут border может быть применен к любым объектам.
border-width - задает толщину всех границ элемента. Толщина может быть задана числовым значением (в пикселях). Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно. Значение по умолчанию medium.
border-style задает тип границ элемента.
border-color задает цвет границ элемента страницы. Может принимать значение transparent для задания невидимой, но имеющей ширину границы.Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится в верхней и нижней границам, а второе - к левой и правой. Если задано три значения, то первое применяется к верхней границе, второе - к левой и правой, третье - к нижней.
Для установки рамки только на определенных сторонах элемента воспользуйтесь параметрами border-top, border-bottom, border-left, border-right:
border задает все свойства границ элемента страницы в один прием. Заменяет атрибуты border-color, border-style и border-width. Значения этих атрибутов могут располагаться в любом порядке.
Синтаксис: <... style="border: border-width || border-style || color">Вместо многоточия может быть table, blockquote, fieldset, img, p, div, textarea...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Каскадные таблицы стилей (Cascading Style Sheets - CSS) позволяют устанавливать стили за один раз для всего сайта, страницы, документа или для одного HTML-тега. Это отдельный код, который расширяет возможности HTML, позволяя переопределять уже существующие теги.
CSS очень просто использовать. Для них не требуются плагины или сложное ПО. Это всего лишь правила, которые определяют, как должен выглядеть HTML и как он должен реагировать на действия пользователя.
Все правила, независимо от их местоположения и типа, состоят из трех частей:
Синтаксис правила выглядит так:
selector {property:value;}
Правила можно установить:
Нам на Ли.ру подойдет первый пункт, потому что мы никак не можем повлиять на общий установленный стиль сайта, но можем придать свой неповторимый стиль сообщениям и комментариям.
Синтаксис наших правил, влияющих непосредственно на HTML-теги на страницах Ли.ру, будет выглядеть так:
<html-тег style="свойство:значение;">текст</html-тег>
Давайте попробуем рассмотреть пример изменения стиля заголовка.
Обычный заголовок третьего уровня выглядит так:
Внесем небольшие дополнения в его стиль:
Тег остался прежний - <h3>заголовок</h3>, но дополнения изменили его цвет, размер и положение на странице:<h3 style="color:teal; font-size:x-large; text-align:center;"> , причем закрывающий тег мы вообще не тронули.
Здoрово, правда?
И так мы можем поступать со всеми тегами! Только учтите, что не каждое определение CSS подходит любому тегу. Это зависит от его природы. Вы же не станете применять выравнивание к тегу <b>? Полный список определений вы можете найти на любом сайте, посвященном CSS, но на Ли.ру вам понадобится не больше половины. И уже этого будет достаточно для создания вашего собственного стиля.
А теперь давайте разберемся с загадочным тегом DIV.
Что в нем такого загадочного? Название его происходит от слова division, то есть разделение. Это элемент группировки, он используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать – перемещать, включать/выключать, создавать слои, регулировать отступы и т.п. В любом HTML-справочнике вы найдете только один атрибут этого тега, отвечающий за выравнивание на странице (align), зато сколько свойств стиля можно к нему применить! Это и границы (borders), и фон (в том числе и картинка), и видимость, и прокрутка. Не говоря уж о свойствах текста, находящегося внутри...
Рассмотрим положение текста внутри нескольких контейнеров. Внешний отвечает за фон, рамку и размер: <div style="border:outset #E1E1FF 2px; background-color:#E1E1FF; background-image:url('адрес фоновой картинки'); width:650px; height:450px;"> - свойство border определяет вид границы - стиль, цвет и ширину;- свойство background-color определяет цвет фона, который вы видите, пока подгружается фоновая картинка background-image (или в случае, если у вас отключена подкачка картинок);- свойства width и height определяют соответственно ширину и высоту слоя, измеряются в пикселях. Можно также и в процентах (от размера окна).
Внутренний div отвечает за стиль шрифта и прокрутку. Даже если текста много, можно запихнуть его в маленькое окошко: <div style="border:solid #E6ECE0 2px; padding:5pt; width:550px; height:350px; background-image:url('адрес фоновой картинки'); overflow:auto; position:relative; left:50px; top:50px; text-indent:10pt; font-size:medium; font-family:'Times New Roman';"> - свойство border определяет вид границы - стиль, цвет и ширину;- свойство background-image определяет очередную фоновую картинку;- свойство overflow регулирует реакцию браузера, если реальные размеры блока не соответствуют заданным и может возникнуть его переполнение.
Можно менять цвет прокрутки: scrollbar-face-color - это цвет передней стороны панели прокрутки scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки. scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах. scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки. scrollbar-darkshadow-color - это цвет тени от панели прокрутки. scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки scrollbar-3dlight-color - это цвет отсвета. #FFFFFF - это коды цвета, которые можно менять.
Код для вставки цветной прокрутки на страничку (прописывается в начале документа, между тегами <HEAD> и </HEAD>) - <STYLE TYPE="text/css"><!-- body{ scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #CCCCCC; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #666666; scrollbar-track-color: #FFFFCC; scrollbar-arrow-color: #FF6600; } --> </STYLE>
Примеры:
Эль
Вот несколько ссылок на списки свойств CSS и их возможные значения:
Несколько внутренних тегов SPAN помогли мне оформить заглавные буквы, а для маркеров списка с помощью CSS я прописала свои картинки.
