Намного лучшая альтернатива — вставлять стили в «голову» документа, а затем ссылаться на них в соответствующих элементах HTML.
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Этот текст — заголовок документа</^^е>
<style>
P { font-size: 20px }
</style>
</head>
<body>
<p>Мой текст</p>
</body>
</html>
Элемент <style>, показанный в листинге 2.2, позволяет авторам вставлять стили CSS в код документа. В предыдущих версиях HTML необходимо было указывать, какой тип стилей будет использоваться. В HTML5 стилем по умолчанию считается CSS, следовательно, никакие другие атрибуты к открывающему тегу <style> добавлять не нужно.
Выделенный в листинге 2.2 жирным шрифтом код выполняет ту же функцию, что и выделенная строка кода в листинге 2.1, однако в листинге 2.2 нам не пришлось описывать стиль внутри каждого тега <p> документа, так как общее определение в начале кода распространяется на все элементы <p>. Благодаря этой технике можно сокращать объем кода и назначать желаемые стили определенным элементам с помощью ссылок (их мы изучим чуть позже в этой главе).
Добавить комментарий