ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА RSS     ВОЙТИ      

Поиск

Категории

Облако тегов

  << Предыдущий пост       Следующий пост >>  
От: 4aIIaeB
16. сентября 2012 12:50
<head>
<title>CSS Psuedo Elements first-letter and first-line
(from DevCurry.com)</title> 
<style type="text/css">
.lor:first-letter {
font-size: 2em;
}
.lor:first-line {
color:Blue;
font-style: italic;        
}
</style>   
</head>
<body>
<p class="lor">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod  tempor incididunt ut labore et 
dolore magna liqua.
</p>
<p>
Neque porro quisquam est qui dolorem ipsum quia
dolor sit amet, consectetur, adipisci velit
</p>
</body>
</html>

Как вы видите - первый параграф декорирован lor классом. Класс :first-letter увеличил размер шрифта первой буквы параграфа, в нашем случае L. Класс :first-line добавил синий цвет шрифту и поменял формат текста на italic.

Это перевод. Оригинал здесь.

Похожие записи


Вопросы на собеседовании C#, Net, ASP.NET, SQL
Продолжая тему вопросов на собеседовании. Нашел еще одну подборку. Оригинал лежит здесь . Перенес, чтобы не затерялось. Есть вполне вменяемые ответы (хотя, на некоторые вопросы ответил бы по-другому). Ответы находятся после списка вопросов, я их не менял. 23. Что такое шаблон проектирования Model/View/Controller? Как и зачем его применяют? 2...

Как добавить ссылку на CSS программно используя JavaScript ?
В этом посте, я покажу кусок JavaScript-ового кода, который позволит вам добавить програмно ссылку на CSS файл в страницу. <html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <link href="CSS/FloatDes.css" rel="stylesheet" title="Float layout" type="text/css" /> <script type="text/javascript"> func...

Как выровнять несколько div-ов используя класс CSS ?
Очень частый вопрос который задают на форумах, это как выровнять множество div-ов, используя класс CSS. Здесь пример того как это сделать. Для простоты я буду выравнивать 3 div-а. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><hea...

Добавить комментарий




biuquote
  • Комментарий
  • Предпросмотр
Loading


  Сохранить комментарий