1.Що таке стиль ?
-набір правил оформлення та форматування, який можна
застосувати до різних елементів веб-документа.
2.Чому стилі назвали каскадними ?
-в одному документі можна описати декілька стилів і браузер
використовуватиме їх каскадом відповідно до їхнього пріоритету.
3.Що таке таблиці каскадних стилів ?
-це набори параметрів, що змінюють
властивості тегів HTML
4.Що означає такий запис ?
-p {font-size: 40pt; color:
green; font-family: “Comic Sans MS”}
5.Що означають такі параметри форматування:
background,
font-family, font-size, font-weight, color, text-decoration, text-align,
margin-top, line-height ?
background -колір тла
font-family -стиль шрифту(гарнітура)
font-size -розмір шрифту
font-weight -жирність шрифту
color -колір шрифту
text-decoration -оздоблення
тексту
text-align -вирівнювання
тексту
margin-top -відступ
від верхнього рядка абзацу
line-height -міжрядкова
відстань
6.Назвіть три способи підключення
каскадних стилів із HTML-документом
-1.Підключення зовнішньої таблиці стилів
-2.Розташування опису стилів у розділі HEAD документа
-3.Задавання властивостей стилів
безпосередньо в тегах абзаців чи заголовків
7.Що таке зовнішня таблиця стилів ?
-текстовий файл із розширенням .css
8.Як підключають зовнішню таблицю стилів ?
-підключають до HTML-документа з допомогою тегу <LINK>, який
записують у розділі <HEAD>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
-атрибути REL та TYPE вказують браузеру на те, що сторінка використовує
таблиці каскадних стилів. Атрибут HREF задає
адресу файлу mystyle.css
9.Як розміщують внутрішню таблицю стилів ?
-внутрішню таблицю стилів(Embedded Style
Sheet) розміщують
безпосередньо в розділі HEAD, у блоці,
який обмежений тегами <style> та </style>
10.З яких
елементів складається стиль ?
-селектор {властивість:
значення; властивість: значення; …}
Наприклад, p
{color: red; font-size: 1.5 em;}
11.Як
записують коментарій в CSS ?
-/* текст коментарію
*/
12.Опишіть
основні властивості роботи з текстом.
-color: колір у форматі CSS,
-font-size: розмір шрифта у форматі СSS,
-font-style: курсив або похилий напис тексту,
-font-weight: жирний текст,
-line-height: міжрядковий інтервал,
-font-family: вид(тип) шрифта,
-text-align: вирівнювання тексту.
13.Що
таке блок та якими тегами його описують ?
-різноманіття властивостей, в яке
укладено вміст, утворює блок або контейнер. Описують блок з допомогою <div> … </div>. Сам по
собі блок нічого не форматує, а лише відзначає фрагмент документу, який
виступає як окремий об’єкт.
14.У
чому полягає різниця між атрибутами id і class тегу div ?
id – це унікальне власне ім'я
елемента на сторінці, тобто на сторінці не повинно бути декількох елементів з
одним id. Наприклад блоку з шапкою сайту можна дати id = "title".
class – це вільна ознака, яка дається зазвичай для кількох елементів, щоб відрізняти їх від інших.
Наприклад, картинкам, які просто супроводжують текст, можна дати class =
"decor", а картинкам, які важливі для розуміння тексту - class =
"content".
15.Яке
призначення тегу padding ?
-padding
– це внутрішній проміжок між вмістом
блока і його границею. Наприклад, відступ відділяє зображення від рамки, що
його обрамляє.
16.Яке
призначення тегу border ?
- border
– це границя, лінія, контур з будь-якої
сторони елемента. Границя може бути зі всіх чотирьох сторін або з однієї
сторони в будь-якій їх комбінації.
17.Яке
призначення тегу background-color ?
- background-color – це колір фону, заповнює простір всередині границі,
включаючи область відступу padding.
18.Яке
призначення тегу margin ?
- margin
– це зовнішнє поле, яке відділяє один тег
від іншого. Наприклад, полем є зовнішній проміжок, який знаходиться між нижнім
краєм одного абзацу тексту і верхнім наступного.
19.Які
одиниці вимірювання CSS для
визначення полів і відступів можна використовувати ?
-можна використовувати такі одиниці: px, em, %. Наприклад:
margin-right:
20px;
padding-top:
3em;
margin-left:
10%;
20.Опишіть
спрощені варіанти властивостей margin i padding для швидкої
установки всіх чотирьох параметрів одночасно.
-margin: top
right bottom left;
-padding:
top right bottom left;
Наприклад:
-margin: 0 10px 10px
20px;
-padding:
10px 5px
5px 10px;
21.Яке
призначення тегу float ?
-властивість float
переміщує будь-який елемент в потрібне місце, вирівнюючи його по лівому або
правому краю. В процесі переміщення вміст, що знаходиться нижче плаваючого
елемента зміщується вверх і плавно обтікає сам плаваючий елемент. З допомогою float можна переміщувати зображення від одної сторони абзацу
до іншої. Переміщувати можна блоки, що містять банери, меню, панелі навігації і
інші елементи веб-сторінок. Float може
приймати значення left, right, none.
