Свойства css для текста
- COLOR - свойство для изменения цвета текста. В css записывается так: {color: red} (как пример взяли красный цвет);
- TEXT-ALIGN - свойство для определения расположения текста. Имеет значения: left, center, right: расположение текста слева (по умолчанию), по центру, справа. В css записывается так: {text-align: center};
- BACKGROUND-COLOR - свойство для определения фона для текста. Записывается так: {background-color: red}. Это одно из тех изменений, которое нельзя сделать в html;
- FONT-SIZE - определяет размер текста в пикселах. В css записывается так: {font-size: 10px};
- TEXT-DECORATION - атрибут для определения вида текста: подчеркнутый, перечеркнутый текст, и т. д.
Имеет значения:- none - обычный текст (по умолчанию)
- underline - подчеркнутый снизу
- overline - подчеркнутый сверху
- line-through - перечеркнутый
Записывается так: {text-decoration:none}
Применяем свойства на практике
Возьмем с Вами, как пример, заголовок "H3".
Html часть:
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title> Моя страница </title>
</head>
<body>
<h3>Это заголовок h3</h3>
</body>
</html>
Напишем в css файле:
h3 {color:red}
Результат в браузере:
Как видим, заголовок стал красного цвета. И на всех html страницах он станет красным (конечно, если он подключены к css - как подключить смотрим тут "1 Урок. Основы css, как связать html с css").
Заголовок h3 мы взяли как пример. На самом деле, можно взять практически любой элемент html.
Также в css можно написать сразу несколько свойств к одному и тому же элементу через точку с запятой:
h3 {color:red;
text-align:center;
background-color:#66BC10;
font-size:25px;
text-decoration: underline;
}
Посмотрим подробнее, что мы натворили:
h3 {color:red; | Задали красный цвет
text-align:center; | Задали положение текста по центру
background-color:#66BC10; | Задали зеленоватый фон
font-size:25px; | Размер текста - 25 пикселей
text-decoration: underline; | Подчеркнули текст
}
Как в css записываются стили для разных элементов?
Логичный вопрос.. Что делать, если мы хотим в css прописать стили к разным элементам?
Смотрим, как это будет выглядеть:
h3 {тут пишем стили;}
h4 {тут стили;}
p {тут стили;}
То есть для разделения различных элементов не надо никаких значков, ничего такого.
