الحمد لله رب العالمين
GOODBASIS.COM
بسم الله الرحمن الرحيم

Margin, padding и color

Напишем код внедрённого CSS-кода в HTML страницу для специального абзаца текста класса "specific" :

<html><!-- Copyright 2010 A.M.Yashukov --><head>

<style type="text/css">

<!--

p.specific {

margin:25;

padding:9;

background-color:green;

color:white;

}

 -->

</style></head><body>

<p>Обычный текст абзаца (параграфа).</p>

<p class="specific">Текст класса "specific".</p>

</body></html>

Между фигурными скобками задаются параметры для различных свойств абзаца (параграфа) p класса "specific".

Рассмотрим эти свойства:

margin - может быть вы слышали слово маргинальный, то есть выходящий за рамки, находящийся за общепринятой чертой. Это свойство показывает в данном случае сколько пикселей будет за границей от края фона для текста, на неё не распространяется значение фона параграфа нашего класса (background-color).

padding - расстояние от края текста до рамки, на территорию заданную этим свойством распространяется цвет фона параграфа (background-color), который у нас определён как зелёный.

Свойство backgraund-color задаёт цвет фона нашего абзаца, у нас он зелёный.

Свойство color задаёт цвет текста нашего абзаца, в данном случае он белый.

Результат выполнения нашего HTML-кода будет следующем:


Обычный текст абзаца (параграфа).

Текст класса "specific".

А.М.Яшуков специально для goodbasis.com


 

Рекомендую возможность заработать на сайте путём размещения на нём ссылок (оплата за факт установки ссылок, а не за переходы; возможность предварительной модерации).


goodbasis.com (c) 2009-2012
При цитировании действующая ссылка на сайт обязательна.
Наличие ссылок на внешние ресурсы не следует воспринимать как одобрение содержащихся там материалов.


Исламская литература. Бесплатное скачивание: pdf, doc. массажеры для похудения , массажное оборудование. * Жители россии, сиалис инструкция быстрая доставка .