Четверг, 27 Декабря 2012 16:05

CSS свойства first-line и first-letter

Written by 
Оцени эту запись
(1 Голос)

CSS свойства first-line и first-letter могут служит для стилизации текстовых блоков, для выделения интересных вещей или акцентирования внимания.

 

 

CSS свойство first-line служит для выделения (стилизации) первой строки текстового блока.Длина этой строки зависит от самой стилизации текста. Подустимо изменение шрифта, его цвета и фона.

 

Пример:

 

p:first-line {

color: violet;

font-style: italic;

}

 

 

Каждый верстальщик знает, что у каждого браузера есть свои стандартные CSS стили для всех HTML элементов. Именно с этим связаны проблемы с кроссбраузерностью, именно для этого нужен сброс стилей. Большинство браузеров предоставляют возможность просмотреть стили элемента.

 

 

Или так:

 

Каждый верстальщик знает, что у каждого браузера есть свои стандартные CSS стили для всех HTML элементов. Именно с этим связаны проблемы с кроссбраузерностью, именно для этого нужен сброс стилей. Большинство браузеров предоставляют возможность просмотреть стили элемента.

 

 

CSS свойство first-letter служит для выделения первой буквы текста в текстовом блоке. Это нужно опять таки для акцентирования внимания, для лучшего отделения абзацев текста.

 

 

Выделим первую букву цветом, размером и жирностью, курсивом и другим шрифтом:

 

 

p:first-letter {
color: blueviolet;
font-style: italic;
font-size: 16px;
font-weight: bold;
font-family: Georgia;
}
 
 
 

 

Каждый верстальщик знает, что у каждого браузера есть свои стандартные CSS стили для всех HTML элементов. Именно с этим связаны проблемы с кроссбраузерностью, именно для этого нужен сброс стилей. Большинство браузеров предоставляют возможность просмотреть стили элемента.

 

 

Или просто большим размером и жирностью:

 

 

p:first-letter {
font-size: 24px;
font-weight: bold;
}

 

Каждый верстальщик знает, что у каждого браузера есть свои стандартные CSS стили для всех HTML элементов. Именно с этим связаны проблемы с кроссбраузерностью, именно для этого нужен сброс стилей. Большинство браузеров предоставляют возможность просмотреть стили элемента.

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов