Вы находитесь на странице: 1из 4

Министерство образования и науки Украины

Государственное высшее учебное заведение

«Приазовский государственный технический университет»

Кафедра компьютерных наук

Лабораторная работа №2

ВЕРСТКА СТРАНИЦЫ ПРИ ПОМОЩИ CSS

Выполнил:
студент КМ-16
Малышев Алексей
Принял:
Ст.преподаватель
Сергиенко А. В.

Мариуполь 2020
Вариант №2

Цель работы – получение умений и навыков работы со стилями css.

1.2 Задание на выполнение


Сверстайте изображенные на картинках примеры. Если где-то ширина не
указана, она должна зависеть от ширины окна браузера или содержащегося в
блоке текста (а не быть жестко заданной). Если где-то не указана ширина
отступа/полей, ставь 10px. Цвет блоков должен быть как на картинке (чтобы
определить цвет, используй функцию «пипетка» в графическом редакторе,
или отдельную программу-пипетку).
Вариант 2

Рисунок1 – Задание: вариант 2

Листинг:

<!DOCTYPE html>
<html>
<head>
<title>ЛР 2, Малышев</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>Текст размером 14рх выровнен влево. Он заполняет весь блок.
Ширина блока не превышает 600рх. Если окно маленькое, блок занимает
столько места, сколько есть.</p>
</body>
</html>

p
{

max-width: 580px;

padding: 9px;

margin: 10px auto;

border: 1px solid #000;

text-align: left;

font-size: 14px;

}
Вывод: Я приобрел навыки верстки используя стили CCS, с помощью
которого сделал ширину текста зависимой от ширины окна.