Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Псевдоэлементы

Псевдоэлементы - элементы, отсутствующие в html, но имеющие место быть на веб-странице. В настоящее время таких элементов два. Это:

  1. Первая буква слова, обозначается first-letter;
  2. Первая строка абзаца, first-line.

Посмотрим, как применяются эти элементы. Представим такую ситуацию: первая буква каждой статьи должна значительно выделяться среди остальных букв текста. Первая же строчка первого абзаца также должна быть уникальной. Тогда в таблице стилей пишем такое правило:

p#first:first-letter {
color:red;
font-family:segoe script;
font-size:20px;
}
p#first:first-line {
color:green;
}

Теперь создадим html-файл, состоящий из нескольких абзацев и подключим к нему нашу таблицу стилей. Вот и код файла:

<html>
 <head>
  <title>Несколько абзацев</title>
  <link href="style4.css" type="text/css" rel="stylesheet">
 </head>
 <body>
  <p id="first">Первая строчка первого абзаца<br>
вторая строчка первого абзаца</p>
  <p>Текст второго абзаца</p>
  <p>Третий пошёл</p>
  <p>Следом четвёртый<p>
 </body>
</html>

Получилась следующего вида страница. Здесь первая строка первого абзаца отличается от всех остальных строчек в тексте, причём первая буква первой строки вообще имеет уникальный стиль по сравнению со всеми буквами в тексте вместе взятыми.


<<Предыдущая | В раздел | Следующая>>