Grundövningar för flex: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med '<quiz display="simple"> {Sluttaggar är alltid nödvändiga. |type="()"} - Sant + Falskt {Taggar startar med [ och slutar med ]. |type="()"} - Ja + Nej {Om man vill ha ett...')
 
Ingen redigeringssammanfattning
Rad 1: Rad 1:
<quiz display="simple">
<quiz display="simple">


{Sluttaggar är alltid nödvändiga.
{Flexaxeln går alltid ifrån höger till vänster.
|type="()"}
|type="()"}
- Sant
- Sant
+ Falskt
+ Falskt


{Taggar startar med [ och slutar med ].
{Defaultbeteendet är att flexelementen hamnar på varsin rad.
|type="()"}
|type="()"}
- Ja
- Ja
+ Nej
+ Nej


{Om man vill ha ett "&lt;"-tecken skriver man; &lt;&lt;.
{Vilket av följande får flexelementen att hamna på varsin rad?
|type="()"}
|type="()"}
- Sant
- <code>flex-direction: row;</code>
+ Falskt
+ <code>flex-direction: column;</code>


{<code>&lt;h1></code> anger sektionens huvudrubrik.
{Var hamnar första flexelementet om har följande kod:
<syntaxhighlight lang="css">
.flexLåda {
  display: flex;
  direction: rtl;
}
</syntaxhighlight>
|type="()"}
|type="()"}
+ Sant
+ Längst till höger
- Felaktigt
- Längst till vänster


{Alla taggnamn måste anges med versaler, dvs stora bokstäver.
{Om flexaxeln går ifrån vänster till höger, i vilken riktning går då korsaxeln?
|type="()"}
|type="()"}
- Sant
- Höger/vänster
+ Felaktigt
+ Upp/ner


</quiz>
</quiz>


Tillbaka till [[Tagg-grunder]]
Tillbaka till [[Flexbox - grunder]]

Versionen från 12 september 2016 kl. 06.03

1 Flexaxeln går alltid ifrån höger till vänster.

Sant
Falskt

2 Defaultbeteendet är att flexelementen hamnar på varsin rad.

Ja
Nej

3 Vilket av följande får flexelementen att hamna på varsin rad?

flex-direction: row;
flex-direction: column;

4 Var hamnar första flexelementet om har följande kod: <syntaxhighlight lang="css"> .flexLåda {

 display: flex;
 direction: rtl;

Längst till höger
Längst till vänster

5 Om flexaxeln går ifrån vänster till höger, i vilken riktning går då korsaxeln?

Höger/vänster
Upp/ner


Tillbaka till Flexbox - grunder