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
   58   59   60   61   62   63   64   65   66   67   68