Add some style · Добавьте стили
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Эта страница требует современного браузера (с поддержкой SharedArrayBuffer). Пожалуйста, обновите Chrome, Edge, Firefox или Safari до последней версии.
English
Adding style
- HTML gives your page its content. CSS makes it look good.
- The easiest way to add CSS is a
<style>block near the top of your page. - Inside it, you write rules that change how things look.
Русский
Добавление стилей
- HTML придает вашей странице содержание. CSS делает ее красивой.
- Самый простой способ добавить CSS — использовать блок
<style>в верхней части вашей страницы. - Внутри него вы пишете правила, которые изменяют внешний вид элементов.
English
A CSS rule
- A rule has three parts:
p { color: blue; } pis the selector — which tags to change (here, every paragraph).coloris the property — what to change.blueis the value — what to change it to. (Together,color: blue;is one declaration.)
Русский
Правило CSS
- Правило состоит из трех частей:
p { color: blue; } p— это селектор — какие теги изменить (здесь, все параграфы).color— это свойство — что изменить.blue— это значение — что изменить на. (Вместе,color: blue;— это одно объявление.)
<style>
p { color: blue; }
</style>
<p>Now I am blue.</p>
<p>So am I!</p>
English
Common mistakes
- Link the CSS file, or put rules inside a
<style>block. - Each CSS rule ends with a semicolon
;.
Русский
Распространенные ошибки
- Подключите файл CSS или поместите правила внутрь блока
<style>. - Каждое правило CSS заканчивается точкой с запятой
;.
English
Now you try
- Write your rules inside the
<style>block. - Colour your paragraphs, then your heading.
Русский
Теперь попробуйте сами
- Пишите свои правила внутри блока
<style>. - Раскрасьте ваши параграфы, а затем ваш заголовок.
Make every paragraph blue. Inside the <style> block, add the rule p { color: blue; }. · Сделайте каждый абзац синим. Внутри блока <style> добавьте правило p { color: blue; }.
Now colour the heading too. Add a rule h1 { color: red; }. · Теперь окрасьте заголовок тоже. Добавьте правило h1 { color: red; }.