Лабораторна робота. Вступ в CSS. Властивості блочних об'єктів

ID: 143925
Дата закачки: 30 Июня 2014
Продавец: SerFACE (Напишите, если есть вопросы)
Посмотреть другие работы этого продавца

Тип работы: Работа Лабораторная
Форматы файлов: Научные и математические проекты

Описание:
Мета: Вивчити можливості CSS по роботі з блочними об\'єктами. Вивчити основні властивості блоків.
Хід роботи:
1. Створив html-файл lab7.htm, який має блочний елемент DIV. Створив css-файл і підключив його до html-документу. Створила клас k1, в якому визначила розмір блока 200х200 пікселей, фон (світло-зелений) і рамку (суцільну, темно-зелену, шириною в 3 пікселя). Підключив класс k1 до блоку в html-документі. Додав ще п\'ять таких же блоків розміром 200х200 пікселей. Блоки розташовані друг під другом. Додав в клас k1 оголошення float:left. Обновив і переглянув зміни при зміні розмірів вікна.
2. Створив в окремому файлі горизонтальний світлофор з трьох блоків. Ширину блоків зробив динамічними, щоб вони змінювалися в залежності від ширини вікна, але всі блоки мають одну ширину. Задав кожному блоку свій колір. Відступи для body прибрав за допомогою css.
Світлофор.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="ss.css">
</head>
<body>
<div class="k1"></div>
<div class="k2"></div>

Размер файла: 712,6 Кбайт
Фаил: