Font size
WorksheetsCodecadamy CSS
Total questions: 20
Worksheet time: 7mins
Vilen del är en selektor?
p{ ... }
font-family: Arial;
font-family
Arial
En rubrik med id destination påverkar textutseendet
En rubrik med class destination påverkar textutseendet
Ett stycke med class destination påverkar textutseendet
En stycke med id destination påverkar textutseendet
Vilken används om man vill ha en extern stillmall?
<link href="style.css" rel="stylesheet">
<p style="color: red;">I'm learning to code!</p>
<style> p { color: red;} </style>
Vilket tecken används i CSS selektorn om man satt ett id i HTML?
<h4 id="town">Malmö</h4>
#
.
span
div
Hur ser länken till extern CSS ut?
<link rel="stylesheet" href="mall.css">
<link rel="text/css" href="mall.css">
<link rel="mall.css" href="stylesheet">
<link rel="style" src="mall.css">
Hur kan man skriva CSS kod direkt i HTML?
Med <style></style>
Med <script></script>
Med <head></head>
Med <body></body>
Hur ska man skriva om man vill påverka flera element i HTML med en enda selektor?
h1, h2, p{ .... }
Det går inte
h1: h2 : p{ .... }
h1; h2 ; p{ .... }
Vad är skillnaden mellan color och background-color i CSS?
color ger färg på texten och background-color ger färg på elementets bakgrund
det är samma sak
color ger färg elementet och background-color ger färg hela sidan
Vad betyder detta? rgb(23, 108, 224);
Det röda är 23 av 255
Det gröna är 23 av 255
Det blåa är 23 av 255
Förklara skillnaderna mellan sans-serif och serif?
san-serifer har "fötter" på vissa bokstäver
serifer har "fötter" på vissa bokstäver
det är ingen skillnad
Vad är font-weight?
Om fonten ska vara kursiv
Om fonten ska vara i fetstil
Om fonten ska vara understruken
Vad är skillnaden på att använda class och id?
class kan användas flera gånger på en webbsida
id kan användas flera gånger på en webbsida
class kan användas en gång på en webbsida
Vad används # och . till?
(ett eller flera rätta svar)
# används i CSS för att koppla ihop med ID i HTML
. används i CSS för att koppla ihop med ID i HTML
# används i CSS för att koppla ihop med CLASS i HTML
. används i CSS för att koppla ihop med CLASS i HTML
Vad betyder detta? border-width: 4px 2px 4px 2px;
kantlinjen upp och ned blir 4px
kantlinjen vänster och höger blir 4px
kantlinjen upp och ned blir 2px
Vad betyder detta? padding: 30px 10px;
Paddingen upp och ned är 30px
Paddingen vänster och höger är 30px
Paddingen upp och höger är 30px
Paddingen ned och vänster är 30px
Varför sätter man margin: auto;
För att centera
För att få automatiskt rätt marginal
Den egenskapen finns inte
Vad används tex float till?
lägga text runt en bild
flyta texten till början på en webbsida
float används inte längre
Varför sätter man img till display: block;
För att kunna centrera bilden
För att kunna minska bildens storlek
För att kunna klicka på bilden
Vad används background-size: cover till?
Skala bakgrundsbilden så stor som möjligt så att bakgrundsområdet är helt täckt av bakgrundsbilden.
Skala bilden till den största storleken så att både dess bredd och dess höjd kan passa inuti innehållsområdet
Standardvärde. Bakgrundsbilden innehåller dess bredd och höjd
em, rem, px och %. En av dem är inte ett exempel på ett relativt mått. Vilken
em
rem
px
%
