vottm

Всем привет! Я тут нашел отличный блог обо всем на свете! Всем срочно зафрендить и распространять! =)
Оригинал взят у felbert в Про Монголию и феодализм

Проблема
Вы хотите поместить тень за текстом заголовка.
Решение
Используйте свойство text-shadow для задания цвета и расположения тени.
Обсуждение
Первое значение в свойстве text-shadow задает цвет. Первое значение, заданное в
единицах длины, .15ет, сдвигает тень по оси Хк позиции HTML-текста. Следующее
значение сдвигает тень по оси Y. Последняя величина— радиус рассеивания (blur radius)
тени. Чем больше радиус, тем разреженнее тень.
Задание прозрачности тени
Задавая цвет тени в формате RGBA, вы можете указать степень прозрачности. Это
позволит цвету тени лучше сочетаться с цветом фона.
Создание эффекта снятия фаски
Установив расстояние для тени на один пиксел ниже и левее, а также задав степень
прозрачности 60 %, вы можете получить с помощью свойства text-shadow простой
эффект снятия фаски (bevel effect).
Вставка отсвета огня над текстом
Свойство text-shadow может принимать несколько значений (каждое из которых
отделяется запятой). Это позволяет создавать интересные (с вашей точки зрения) эффекты,
например отсветы огня в верхней части заголовка.
Известная поддержка
Поддержка свойства text-shadow известна только в Web-обозревателях Firefox3.5,
Opera 9.5 и их более поздних версиях и Safari.
Текст с тенью в Internet Explorer
Для задания тени за текстом в Internet Explorer 6 и более поздних версиях используйте
его собственное свойство filter.
В приведенном коде свойство color задано в виде шестнадцатеричного значения,
direction принимает значения от 0 до 360, а свойство strength — длина тени в
пикселах.
( Примечание )
Корпорация Microsoft перенесла в IE8 filter и другие свойства, чтобы использовать
расширения спецификации CSS, созданные разработчиками IE.
А вы знали, что пластиковые окна Rehau это одни из самых лучших пластиковых окон в мире. Наша компания "Окна Траст" уже более 10 лет находиться на рынке ПВХ окон!

Проблема
Вы хотите применить повторяющуюся графическую обработку текста, например
размытые края или полосы.
Решение
Поместите элемент span после тега, открывающего элемент заголовка, но перед HTML-
содержимым заголовка.
Далее воспользуйтесь версией метода замещения изображением Гилдера — Левина для вставки
PNG-файла с бесшовным рисунком (seamless pattern) поверх HTML-текста:
Обсуждение
Текст в заголовке задан как плавающий элемент с выравниванием по левому краю.
Этот прием позволяет фоновому изображению, помещенному в элемент span,
располагаться поверх HTML-текста благодаря абсолютному позиционированию.
Стандартно плавающий элемент, заголовок, должен был бы сместиться влево с
обтекающим его контекстом с правой стороны. Но свойство clear, помещенное в абзац,
препятствует этому.
СВОЙСТВУ height присвоено значение 5ет, а СВОЙСТВУ overflow— Значение hidden, для
того чтобы не дать фоновому изображению выйти за пределы заголовка и
распространиться на другие фрагменты Web-документа.
Кстати, а вы знали, что практически все музыканты москвы объединены в сообщество ресторанных музыкантов? Обратившись к ним вы можете подобрать себе высококвалифицированных артистов на любое торжество, будь то свадьба или простой банкет!

Изменение цвета при выделении текста
Проблема
Вы хотите изменить цвет фрагмента при выделении его мышью.
Решение
Примените псевдоэлемент :: selection для задания цвета текста и цвета фона.
Обсуждение
Во время написания книги псевдоэлемент :: selection поддерживался только Web-
обозревателем Safari. Однако у Web-обозревателя Firefox есть свой собственный
селектор CSS.
Для поддержки выделения в обоих Web-обозревателях продублируйте правило CSS,
добавив псевдоэлемент : :moz-selection.
Изменение межстрочных интервалов
Проблема
Вы хотите оставить больше или меньше места между строками текста. Решение
Воспользуйтесь Значением СВОЙСТВа line-height.
Обсуждение
Когда значение свойства line-height увеличивается, межстрочный интервал растет.
Когда это значение уменьшается, расстояние между строками текста уменьшается и,
в конце концов, строки накладываются друг на друга. Дизайнеры отмечают
соответствие свойств высоты строки и межстрочного интервала.
Значение line-height может быть числом с указанием единиц измерения, таких как
пункты, просто числом или числом с последующим знаком процента. Если значение
свойства line-height — просто число, то оно означает процент или масштабный
коэффициент размера самого элемента и его дочерних элементов. Отрицательные значения
в свойстве line-height запрещены.
В следующем примере устанавливается размер шрифта 12 пикселов и высота строки —
14.4 пиксела [(10 рх * 1.2) * 1.2 рх = 14.4 рх)]
Вы также можете задать свойство line-height с помощью свойства font с сокращенной
формой записи, содержащего значение line-height, спаренное с font-size.
Приведенная далее строка преобразует любой текст в элементе р, задавая font-size— 1 em,
line-height — 1.5 em и отображение семейством шрифтов sans-serif.
Если вам необходима регистрация дома на дачном участке, то вы сможете это сделать легко и просто с помощью нашей компании! Гарантия на предоставляемые услуги.

Проблема
Вы хотите выделить цветом порцию текста в абзаце.
Решение
Воспользуйтесь элементом strong, чтобы разметить фрагменты текста, которые вы
хотите выделить.
Затем задайте правило CSS для указания выделения цветом.
Обсуждение
Несмотря на то, что в данйом решении для выделения текста применяется элемент
strong, вы также можете для этой цели использовать элемент em. В спецификации
HTML 4.01 заявлено, что элемент em следует применять для разметки логического
выделения текста, в то время как элемент strong "обозначает более сильное выделение".
После разметки текста задайте цвет выделения с помощью свойства background-color.
Поскольку некоторые Web-обозреватели выводят жирным шрифтом текст,
размеченный с помощью элемента strong, задайте значение normal для свойства font-weight.
При использовании элемента em для того, чтобы помешать Web-обозревателям
выводить курсивный текст, обязательно задайте значение normal для свойства font-style.
Если вы хотите облагородить свою квартиру или загородный дом, то вам необходимо установить самый настоящий камин! В нашей компании вы можете заказать камины любой ценовой категории! Приятный сервис и доступные цены! 11 лет на рынке продажи и установки каминов.

Стилевое оформление первой строки абзаца
Проблема
Вы хотите выделить первую строку абзаца жирным шрифтом.
Решение
Для задания стиля первой строки воспользуйтесь псевдоэлементом : first-line:
Как и селектор класса, псевдоэлемент позволяет манипулировать стилем фрагментов
Web-документа. В отличие от селектора класса область, помеченная как
псевдоэлемент, может измениться из-за изменения размера окна Web-обозревателя или размера
шрифта. В данном решении объем текста в первой строке может измениться, если
размер окна Web-обозревателя станет другим.
Проблема
Вы хотите создать стилевое оформление первой строки абзаца и включить в нее
изображение.
Решение
Воспользуйтесь СВОЙСТВОМ background-image В псевдоэлементе : first-line
Обсуждение
С помощью псевдоэлементов : first-line можно применять стили к первой строке
текста элемента, но не к ширине самого элемента.
Помимо свойства background-image псевдоэлемент : first-line предоставляет
следующие свойства, позволяющие с большей эффективностью управлять дизайном:
♦ font ♦ vertical-align
♦ color ♦ text-transform
♦ background ♦ text-shadow
♦ world-spacing ♦ line-height
♦ letter-spacing ♦ clear
♦ text-decoration
А вы знаете, что моделирование фигуры это очень легкое и незаурядное действие! Под присмотром грамотных специалистов вы сможете создать для себя идеальную фигуру! Приемлимые цены и высокий уровень сервиса.

Проблема
Вы хотите создать обратный отступ, или выступ (hanging indent), в первой строке абзаца.
Решение
Используйте отрицательное значение для свойства text-indent.
Обсуждение
Типографическая обработка обратного отступа— обычное явление в списках
определений (definition list) большинства Web-обозревателей. Последовательность обратных
отступов создается с помощью простого кода без изнурительных усилий.
Список определений с отображением обратного отступа по умолчанию.
Если вы хотите создать обратный отступ для простого абзаца (не для списка), разметки
с помощью списка определений недостаточно. Простой подход, показанный в
решении, включает использование свойства text-indent технологии CSS.
При создании обратного отступа соблюдайте осторожность.
Прежде чем включать в таблицу стилей свойство text-indent, убедитесь в корректной
реализации кода. Например, просто вставка в правило CSS наряду с основными
свойствами стилевого оформления шрифта свойства text-indent может вызвать проблемы
удобочитаемости текста.
Читатель может быть сумеет определить обрезанные слова, исходя из
содержания оставшегося абзаца, но для него это просто лишняя нагрузка.
Чтобы избежать подобной ситуации, используйте для обратного отступа в первой
строке значение, равное левому полю (margin) абзаца. Обратный отступ займет область, которая уже добавлена как поле, гарантируя, что текст в обратном отступе останется видимым.
Обратный отступ первой строки и сдвиг влево заголовка в результате создают спаренный обратный отступ.
Или после небольших изменений можно сохранить обратный отступ только у заголовка.
Если вы хотите посетить курорты болгарии, то вам необходимо узнать цены на билет в болгарию! Лучший отдых по приемлимым ценам! Порадуй себя и своих родных!

Вы хотите задать отступы для абзаца целиком.
Решение
Для достижения желаемого эффекта воспользуйтесь селекторами класса.
Затем вставьте соответствующий атрибут в разметку текста.
Обсуждение
Селекторы класса позволяют выбрать все HTML-элементы, использующие атрибут
class. Разница между селекторами класса и типа состоит в том, что селекторы типа
позволяют отобрать все экземпляры определенного HTML-элемента. Далее показаны
два правила CSS, в первом приведен селектор типа, задающий вывод красным цветом
всего контента, размеченного как элемент п2, во втором правиле указан селектор
класса, задающий отступ элемента, равный 33 %.
Сочетание селекторов типа и класса в одном элементе позволяет добиться большей
специфичности в стилевом оформлении элементов. В приведенной далее разметке
третий элемент выводится красным цветом и с отступом слева равным 33 %.
Другое решение, в котором можно использовать вместо селекторов класса создание
отступа с помощью полей и применение для стилевого оформления абзацев селекторов
соседних элементов (adjacent sibling selector).
Этот метод использует селекторы соседних элементов, представленные двумя или
несколькими однотипными селекторами, разделенными знаком (знаками) плюс.
Например, селектор п2+р задает стиль для абзаца, следующего сразу за заголовком п2.
В данном примере мы хотим задать стили определенных абзацев в соответствии с
очередностью их появления на экране. Например, р+р выбирает абзац, следующий за
другим абзацем. Если абзацев больше двух, третий абзац (как и все последующие)
отображается с тем же стилем, что и второй абзац. Это происходит потому, что третий
абзац следует непосредственно за таким же абзацем.
Для разделения стилей второго и третьего абзацев задайте еще одно правило CSS для
третьего абзаца, которое выбирает три абзаца, следующие друг за другом.
Затем создайте видоизмененные правила CSS, сгруппировав селекторы. Вместо
написания двух правил для стилевого оформления третьего и шестого абзацев, отделите
селекторы запятой и пробелом в одном правиле.
Главная проблема применения селекторов соседних элементов состоит в том, что они
поддерживаются не во всех версиях Web-обозревателя Internet Explorer для Windows.
Следовательно, пользователи этой программы не увидят абзацев с отступами.
Селекторы соседних элементов поддерживаются в Web-обозревателях Safari, Firefox, Chrome и
Opera. В Internet Explorer 8 они поддерживаются почти полностью.
( Примечание )
Вместо применения селекторов атрибутов, для реализации данного решения можно
использовать селектор :nth-child(), позволяющий выделить абзацы, к которым
применяется стиль. Однако во время написания книги селекторы атрибутов пользовались
поддержкой большего числа Web-обозревателей, чем селектор : nth-child ().
Самые лучшие и качественные аккумуляторные батареи вы можете приобрести только у нас! Низкие цены и высокое качество сервиса гарантированно!

Проблема
Вы хотите создать стилевое оформление врезки с помощью изображений в виде
фигурных скобок, расположенных с двух сторон от нее.
Решение
Используйте элемент blockquote для разметки текста врезки.
Затем задайте стиль для врезки, поместив одно изображение в фон элемента.
Обсуждение
В данном решении изображения фигурных скобок выводятся парой: одна в левом
верхнем углу врезки, а другая в правом нижнем углу. В спецификации CSS
разрешается назначать элементу блочного уровня только одно фоновое изображение.
Для того чтобы расположить изображения в нужных местах страницы, поместите одно
изображение в фон элемента blockquote, а другое в фон элемента р, дочернего элемента
тега blockquote.
Затем откорректируйте значения отступа, поля и ширины элементов blockquote и р для
того, чтобы добиться полной видимости изображений.
Достоинство предложенного решения заключается в том, что при изменении размера
шрифта текста изображения меняют позицию самостоятельно.
А вы знаете, что для транспортировки сыпучих грузов лучше всего использовать биг-беги? Что это? Это прочный полипропиленовый контейнер большой грузоподъемности, имеющий петли! У нас вы можете посмотреть на производство биг-бегов, а так же приобрести их!

Проблема
Вы хотите создать стилевое оформление врезки с помощью обрамления ее сверху и снизу.
Решение
Для задания обрамления слева и справа от врезки вместо задания верхней и нижней стороны рамки используйте свойства border-left и border-right Для разметки текста врезки используйте элемент blockquote.
Далее задайте правила CSS для рамки и текста, включенного во врезку.
Обсуждение
Для элемента blockquote задайте свойства float и width. Эти два свойства CSS
позволят основному контенту обтекать врезку со всех сторон.
Выделите врезку из окружающего текста, изменив в ней цвета фона и текста.
Используйте свойства border-top и border-bottom, чтобы добиться соответствия цвету
текста во врезке.
Если вы хотите приобрести качественное и недорогое постельное белье с эксклюзивными рисунками, то вам необходимо обратиться в компанию Арт Дизайн! Знайте, из Иваново белье постельное самое лучшее в мире! Компания производит все типы постельного белья: подушки, покрывала, одеяла и многое другое!