Page 63 - Сила CSS3 Освой новейший стандарт
P. 63
Графические эффекты без графики • 63
что далее следует особый набор символов. Таким образом, браузер воспринимает
его не буквально, а как код, описывающий какой-то другой элемент.
Рис. 2.8. Обращайтесь к странице XHTML Character Entity Reference для поиска
соответствующих различным мнемоникам элементов кода Unicode
Благодаря обратной косой черте мы наконец-то получаем правильные символы
и пунктуацию, необходимые для вставки простого неразрывного пробела:
blockquote:after {
content:"\00A0";
}
Но после добавления этого кода страница не
изменится, ведь неразрывный пробел — это не- В данном случае мы могли бы
видимый символ. Нужно добавить вокруг него с таким же успехом использо-
рамки, и тогда мы сможем что-то увидеть на вать псевдоэлемент :before, а не
странице. Кроме того, мы должны установить для :after. В любом случае, как вы
свойств width и height значение 0 и сделать так, скоро увидите, мы поменяем
чтобы пробел вместе с рамкой отображался как местоположение стрелочки по
блочный элемент, что позволит нам переместить умолчанию.
его и прикрепить сбоку от облачка с текстом:
blockquote:after {
content: "\00A0";
display: block;
width: 0;
height: 0;
border-width: 10px 20px 10px 0;
www.trk.kg