CSS (Cascading Style Sheets)

CSS

Style sheet - a collection of rules about how to present an

Style rules

A style sheet is made up of Style Rules. Each

How to link CSS file in your HTML code

Псевдоэлементы и псевдоклассы (не успели в классе)

first-letter - задает стиль первой букве

Подобные вещи просто перечислю для красоты, вдруг кому понадобится

first-line - задает стиль

Background

background-color - задает цвет фона.
body{
background-color:#243CED;
}
background-image - задает фоновое изображение.
body{
background-image:url(https://i.ytimg.com/vi/yTwRGr6c-xg/maxresdefault.jpg);
}

Background

background-repeat - задает возможность повторения фонового изображения. В качестве фонового изображения может

Background

background-attachment - указывает, должно ли фоновое изображение прокручиваться вместе с текстом элемента

Background

background-position - задает расположение элемента относительно окна браузера. Значения можно задавать в

Сокращенная запись свойства background

body{
background:url(https://i.ytimg.com/vi/yTwRGr6c-xg/maxresdefault.jpg) no-repeat #33CCFF center top;
color:yellow;
}

Text and font

Text color:
body{
color:green;
}
h1{
color:#FF0000;
}
h2{
color:rgb(255,0,0);
}

Font-family

body{
font-family: Verdana, sans-serif;
}
Serif - шрифты с засечками, например, Times New Roman.
Sans-serif -

Font-style

Это свойство css задает стиль шрифта: normal (обычный), oblique (наклонный), italic

Font-weight

Это свойство css задает толщину букв шрифта. В качестве значений выступают

Text-decoration

none - у текста нет оформления.
underline - текст подчеркивается.
overline - текст

Text-align

left - выравнивание по левому краю.
center - выравнивание по центру.
right -

Text-indent

Это свойство отвечает за отступы в абзацах. Отступы задаются в единицах

Text-transform

Это свойство отвечает за видоизменение текста, точнее за смену регистра. Используются

Блоки

Блоки

p{
border:1px solid red;
padding:10px;
margin:50px;
width:100px;
height:50px;
}