NEW
Font size
S
M
L
XL
WorksheetsÚvod do CSS
Total questions: 20
Worksheet time: 7mins
Name
Class
Date
1.
Jakým způsobem lze použít CSS inline?
a)
Přidáním atributu style přímo k HTML elementu
b)
Použitím značky <style> uvnitř <head>
c)
Připojením externího CSS souboru pomocí <link>
d)
Pomocí JavaScriptu
2.
Která z následujících možností správně připojí externí CSS soubor?
a)
<link rel="stylesheet" href="styles.css">
b)
<style src="styles.css"></style>
c)
<script src="styles.css"></script>
d)
<link src="styles.css" type="stylesheet">
3.
Jaký je správný zápis CSS vlastnosti a hodnoty?
a)
color: red;
b)
red = color;
c)
color - red;
d)
color:red
4.
Jak nastavíte text na font Arial?
a)
font-family: Arial;
b)
font-style: Arial;
c)
font: Arial;
d)
text-family: Arial;
5.
Jak změníte barvu textu na modrou?
a)
color: blue;
b)
text-color: blue;
c)
background-color: blue;
d)
font-color: blue;
6.
Jak nastavíte barvu pozadí na žlutou?
a)
background-color: yellow;
b)
background: yellow-color;
c)
color: yellow;
d)
border-color: yellow;
7.
Kterou vlastností nastavíte tloušťku písma?
a)
font-weight: bold;
b)
font-thickness: bold;
c)
text-weight: bold;
d)
weight: bold;
8.
Jakým způsobem nastavíte text kurzívou?
a)
font-style: italic;
b)
text-style: italic;
c)
font-type: italic;
d)
text-italic: true;
9.
Jak nastavíte podtržení textu?
a)
text-decoration: underline;
b)
font-decoration: underline;
c)
text-decoration: bold;
d)
underline: true;
10.
Kterou vlastností nastavíte zarovnání textu na střed?
a)
text-align: center;
b)
text-align: middle;
c)
align: center;
d)
center-align: true;
11.
Jak změníte velikost písma na 16 pixelů?
a)
font-size: 16px;
b)
size: 16px;
c)
text-size: 16;
d)
font: 16px;
12.
Kterou vlastností změníte šířku elementu?
a)
width: 200px;
b)
height: 200px;
c)
size: 200px;
d)
max-width: 200px;
13.
Která vlastnost určuje styl okraje?
a)
border-style: solid;
b)
border-type: solid;
c)
border: solid;
d)
style: solid;
14.
Jak nastavíte tloušťku okraje?
a)
border-width: 5px;
b)
border: 5px;
c)
border-thickness: 5px;
d)
border-size: 5px;
15.
Jak nastavíte zaoblení rohů u elementu?
a)
border-radius: 10px;
b)
border: 10px;
c)
radius: 10px;
d)
corner-radius: 10px;
16.
Jakým způsobem nastavíte barvu okraje?
a)
border-color: red;
b)
color: red;
c)
border: red;
d)
outline-color: red;
17.
Která vlastnost určuje vnitřní odsazení obsahu od okrajů elementu?
a)
padding: 10px;
b)
margin: 10px;
c)
spacing: 10px;
d)
inner-spacing: 10px;
18.
Jak nastavíte vnější odsazení elementu?
a)
margin: 20px;
b)
padding: 20px;
c)
spacing: 20px;
d)
outer-spacing: 20px;
19.
Jaký je správný shorthand zápis pro nastavení všech okrajů na 10 pixelů?
a)
margin: 10px;
b)
padding: 10px 10px 10px 10px;
c)
margin-width: 10px;
d)
border: 10px solid black;
20.
Jak v CSS vyberete element podle jeho ID?
a)
Pomocí znaku #, například #id
b)
Pomocí znaku ., například .id
c)
Pouze názvem ID, například id
d)
Pomocí značky <id>, například <id="id">
Reset
