Часто, бывает нужно вставить картинку в текст. Но работает это не всегда так, как мы это задумывали. Попробуем вставить картинку без стилей и посмотрим, что получится. Код примера предельно прост: А вот что получилось: Как видите, картинка стала частью первой строки текста. Нам редко нужно, чтобы поведение было именно таким. Чаще нам необходимо сделать так, чтобы картинка обтекалась текстом. Для этого существует свойство float. Добавим к нашему примеру float: left и посмотрим, что получится А получилось у нас следующее: Здесь мы видим, что картинка стала обтекаться текстом...

Существуют стили и комбинации стилей, которые чаще используются в CSS при стилизации сайта. Разберем некоторые из них: 1. Работаем с текстом 1.1. Изменяем шрифт Например: font-family: Arial, sans-serif;. Например: font-size: 16px;. Например: font-weight: bold;. Например: font-style: italic;. 1.2. Выравнивание текста Например: text-align: center;. 1.3. Отступы и межстрочный интервал Например: margin: 10px;. Например: padding: 5px;. Например: line-height: 1.5;. Пример: p { font-family: 'Arial',sans-serif; font-size:16px; line-height: 1.5; text-align:justify; } Этот код задает шрифт Arial для всех абзацев, размер шрифта 16 пикселей, высоту строки 1...