Grundövningar för flex - Versionshistorik

PGJ den 12 september 2016 kl. 06.09

2016-09-12T06:09:37Z

← Äldre version		Versionen från 12 september 2016 kl. 06.09
Rad 10:		Rad 10:
	- Ja		- Ja
	+ Nej		+ Nej

	~~{Vilket av följande får flexelementen att hamna på varsin rad?~~
	~~\|type="()"}~~
	~~- <code>flex-direction: row;</code>~~
	~~+ <code>flex-direction: column;</code>~~

	{Var hamnar första flexelementet om har följande kod:		{Var hamnar första flexelementet om har följande kod:
Rad 32:		Rad 27:
	</quiz>		</quiz>

			== Färdig ==
	Tillbaka till [[Flexbox - grunder]]		Tillbaka till [[Flexbox - grunder]]

PGJ den 12 september 2016 kl. 06.06

2016-09-12T06:06:16Z

← Äldre version		Versionen från 12 september 2016 kl. 06.06
Rad 18:		Rad 18:
	{Var hamnar första flexelementet om har följande kod:		{Var hamnar första flexelementet om har följande kod:
	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">
	~~.flexLåda {~~
	display: flex;		display: flex;
	direction: rtl;		direction: rtl;
	}
	</syntaxhighlight>		</syntaxhighlight>
	\|type="()"}		\|type="()"}

PGJ den 12 september 2016 kl. 06.05

2016-09-12T06:05:57Z

← Äldre version		Versionen från 12 september 2016 kl. 06.05
Rad 21:		Rad 21:
	display: flex;		display: flex;
	direction: rtl;		direction: rtl;
			}
	</syntaxhighlight>		</syntaxhighlight>
	\|type="()"}		\|type="()"}

PGJ den 12 september 2016 kl. 06.05

2016-09-12T06:05:36Z

← Äldre version		Versionen från 12 september 2016 kl. 06.05
Rad 21:		Rad 21:
	display: flex;		display: flex;
	direction: rtl;		direction: rtl;
	~~}~~
	</syntaxhighlight>		</syntaxhighlight>
	\|type="()"}		\|type="()"}

PGJ den 12 september 2016 kl. 06.04

2016-09-12T06:04:33Z

← Äldre version		Versionen från 12 september 2016 kl. 06.04
Rad 21:		Rad 21:
	display: flex;		display: flex;
	direction: rtl;		direction: rtl;
	}		}
	</syntaxhighlight>		</syntaxhighlight>
	\|type="()"}		\|type="()"}

PGJ den 12 september 2016 kl. 06.03

2016-09-12T06:03:20Z

← Äldre version		Versionen från 12 september 2016 kl. 06.03
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 "<"-tecken skriver man; <<.~~		{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]]

PGJ: Skapade sidan med ' {Sluttaggar är alltid nödvändiga. |type="()"} - Sant + Falskt {Taggar startar med [ och slutar med ]. |type="()"} - Ja + Nej {Om man vill ha ett...'

2016-09-12T05:51:28Z

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...'

Ny sida

<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 "<"-tecken skriver man; <<.
|type="()"}
- Sant
+ Falskt

{<code><h1></code> anger sektionens huvudrubrik.
|type="()"}
+ Sant
- Felaktigt

{Alla taggnamn måste anges med versaler, dvs stora bokstäver.
|type="()"}
- Sant
+ Felaktigt

</quiz>

Tillbaka till [[Tagg-grunder]]