ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА 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...

Как печатать только текст со страницы, используя CSS ?
Недавно меня спросили на форуме: как послать на принтер только текстовые данные ? Оказывается это не так трудно, как бы вы могли подумать. Тег link имеет атрибут, называющийся media. Одно из значений этого атрибута - print. Оно означает файл стилей, который будет применен при печати документа. Вы можете использовать это для скрывания картинок при печати. ...

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




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


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