Блокова модель CSS. Адаптивна верстка

Задані внутрішні відступи для кожної сторони окремо, початок зверху за годинниковою стрілкою

Задані зовнішні відступи для кожної сторони окремо, початок зверху за годинниковою стрілкою

Задані зовнішні відступи для кожної сторони окремо, початок зліва за годинниковою стрілкою

Задані зовнішні відступи для кожної сторони окремо, початок зверху проти годинникової стрілки

font-size:

text-align:

font-family:

text-shadow:

font-size:

text-align:

background:

color:

Однакові відступи з усіх боків               .

Відступи зверху і знизу 5px, праворуч і ліворуч 10px

Відступ зверху 5px, ліворуч і праворуч 10px

Різні відступи з усіх боків, в порядку верхній, правий, нижній та лівий

Однакові відступи з усіх боків.      .

Зверху і знизу 5px, праворуч 10px, ліворуч 15px

Зверху 5px, ліворуч і праворуч 10px, знизу 15px

Верхній та правий, нижній та лівий відступи відповідно

Так

Ні

задання розмірів зображення

задання вертикальної лінії

задання відступу абзацу

задання горизонтальної лінії

CSS-верстка

Таблична верстка

Блокова верстка

height

width

font-family

font-size

 background-color

Cascading Style Sheets

Creative Style Sheets

Colorful Style Sheets

Computer Style Sheets

< body >

< head >

< script >

В кінці документа

{div;color:black;}

div:color=black;

{div:color=black;}

div {color: black;}

text-size

font-size

text

size

< p style="font-size:bold;">

< p style="text-size:bold;">

 p {text-size:bold;}

p {font-weight:bold;}

p {color: red}

p {color: blue}

.p {color: red}

#p {color: red}

<style>

<link>

<body>

<H1 style = 'color:blue; background-color: yellow; font-family:"Consolas"'>

<style>p {color:red;}</style>

<link rel="stylesheet" href="file.css">

вставка графічного зображення "paper.gif" у вебсторінку

вміст файла "paper.gif" буде фоном вебсторінки

помилка

управління відображенням декількох вебсторінок за допомогою однієї таблиці стилів

спрощується процес форматування вебсторінок

відокремлюється дизайн документа від його вмісту

механізм, завдяки якому до елемента HTML-документа може застосовуватися більш ніж одне правило СSS

характеристика тегу, що визначає місце його розташування в HTML-документ

спеціальна мова, що використовується для опису зовнішнього вигляду сторінок, написаних мовою розмітки даних

Ширину клітинки 100 пікселів

Ширину таблиці 100% пікселів

Ширину таблиці за шириною вікна браузера

Висоту таблиці 100 пікселів

body (color:red)

body {color:red}

<body:color=red>

<body>:color=red}

селектора, властивості, значення

селектора, тега, значення

властивості та значення

тега, селектора та властивості

[ ]

{ }

" "

< >