оформление текста Css (1) (1)

Оформление текста CSS

Свойство font
1. font-size:14px; ///////////размер текста
2. font-family: Arial, Georgia; ///////шрифт текста
3. font-weight:400; ////////////////Жирность текста
И другие.
Пример css:
p {
font-size:16px;
font-weight:700;
font-family:Georgia;
}

Свойство color
p {
color:red;
}
div {
color: rgb(14,125,80);
}
span {
color:#999999;
}

Свойство text-decoration
p {
text-decoration: underline,overline;
}
Возможные значения:
1. line-through //////перечёркивание
2. overline //////верхнее
подчёркивание
3. underline //////нижнее подчёркивание
4. inherit
5. none

Свойство text-transform
text-transform: capitalize | lowercase | uppercase | none | inherit
Пример стиля:
p {
text-transform:uppercase;
}
Все буквы:
ЛИБО БОЛЬШИЕ, либо маленькие, Либо Начинаются С Заглавной

Выравнивание
text-align: center | justify | left | right | inherit
vertical-align: baseline|bottom|middle|sub|super|text-bottom|text-top|top|inherit
p {
width:50%;
text-align:center;
border:1px solid black;
}
font {
vertical-align: sub;
}
<p>
H<font>2</font>O
</p>
Результат:

Свойство line-height
Межстрочный интервал
p {
line-height:1.5;
}
font {
line-height:10px;
}
span {
line-height:15pt;
}

Задание фона
background
background-color
background-image
background-position
background-repeat
background-attachment
background-size
<html>
<style>
p {
background-color:#4d90fe; //////////цвет фона
background-image:url(img.png);///путь к фоновой картинке
background-position: center center;
background-repeat:no-repeat;
background-attachment:scroll;
background-size:100%; /////////размер изображения
}
</style>
<body>
<p>
Текст с фоновым
изображением
</p>
</body>
</html>

Попробуйте сделать подобное

Спасибо за
внимание

оформление текста Css (1) (1)

More Related Content

Featured

оформление текста Css (1) (1)