CSS-regler - Versionshistorik

PGJ den 10 januari 2019 kl. 11.05

2019-01-10T11:05:17Z

← Äldre version		Versionen från 10 januari 2019 kl. 11.05
Rad 1:		Rad 1:
	CSS-regler består av två delar.		CSS-regler består av två delar.

	1) ~~Vi har först~~ en selektor, ~~Den~~ används för att bestämma vilka element som ska påverkas av ~~en specifik~~ CSS-~~regel~~. Det finns många olika typer av selektorer.		1) Först kommer en så kallad selektor, Denna används för att bestämma vilka element som ska påverkas av den specifika CSS-regeln. Det finns många olika typer av selektorer. Se [[Selektor\|\|selektor-sektionen]] för mer information.

	2) Efter selektorn följer en ~~specifikation för~~ vilka egenskaper som ska förändras ~~för~~ de ~~utvalda elementen. Se [[Selektor\|\|selektor-sektionen]] för mer information~~.		2) Efter selektorn följer en lista över vilka egenskaper som ska förändras samt de värden som de ska sättas till.

	I varje CSS-regel anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.		I varje CSS-regel anges egenskaperna inom ett "<code>{}</code>"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett "<code>:</code>"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett "<code>;</code>"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna "<code>;</code>"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar "<code>;</code>"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat "<code>;</code>":et tidigare och så blir CSS-reglerna fel.

	== Exempel ==		== Exempel ==

PGJ den 10 januari 2019 kl. 11.00

2019-01-10T11:00:16Z

← Äldre version		Versionen från 10 januari 2019 kl. 11.00
Rad 1:		Rad 1:
	CSS-regler består av två delar. Vi har först en selektor, ~~som är en sats som skapar ett urval av specifika HTML-element och som därmed bestämmer~~ vilka element som ska påverkas av en specifik CSS-regel. ~~Därefter~~ följer en specifikation för vilka egenskaper som ska förändras för de utvalda elementen.		CSS-regler består av två delar.

			1) Vi har först en selektor, Den används för att bestämma vilka element som ska påverkas av en specifik CSS-regel. Det finns många olika typer av selektorer.

			2) Efter selektorn följer en specifikation för vilka egenskaper som ska förändras för de utvalda elementen. Se [[Selektor\|\|selektor-sektionen]] för mer information.

	I varje CSS-regel anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.		I varje CSS-regel anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.

PGJ den 10 januari 2019 kl. 10.57

2019-01-10T10:57:23Z

← Äldre version		Versionen från 10 januari 2019 kl. 10.57
Rad 2:		Rad 2:

	I varje CSS-regel anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.		I varje CSS-regel anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.

			== Exempel ==

	Ett exempel på en CSS-regel:		Ett exempel på en CSS-regel:

PGJ den 10 januari 2019 kl. 10.57

2019-01-10T10:57:06Z

← Äldre version		Versionen från 10 januari 2019 kl. 10.57
Rad 13:		Rad 13:
	</div>		</div>

	I ovanstående exempel ändrar ~~man~~ på två egenskaper~~, dels~~ sätter man bakgrundsfärgen till vit ~~och~~ dels sätter man förgrunds-/textfärgen till svart.		I ovanstående exempel väljer man ut alla <code>p</code>-element. Regeln ändrar på två egenskaper: Dels sätter man bakgrundsfärgen till vit, dels sätter man förgrunds-/textfärgen till svart.

PGJ den 10 januari 2019 kl. 10.55

2019-01-10T10:55:11Z

← Äldre version		Versionen från 10 januari 2019 kl. 10.55
Rad 4:		Rad 4:

	Ett exempel på en CSS-regel:		Ett exempel på en CSS-regel:
			<div class="well well-cyanide-light">
			<syntaxhighlight lang="css">
	p {		p {
	background-color: white;		background-color: white;
	color: black;		color: black;
	}		}
			</syntaxhighlight>
			</div>

	I ovanstående exempel ändrar man på två egenskaper, dels sätter man bakgrundsfärgen till vit och dels sätter man förgrunds-/textfärgen till svart.		I ovanstående exempel ändrar man på två egenskaper, dels sätter man bakgrundsfärgen till vit och dels sätter man förgrunds-/textfärgen till svart.

PGJ den 10 januari 2019 kl. 10.53

2019-01-10T10:53:31Z

← Äldre version		Versionen från 10 januari 2019 kl. 10.53
Rad 1:		Rad 1:
	CSS-regler består av två delar. Vi har först en selektor, som är en sats som skapar ett urval av specifika HTML-element och som därmed bestämmer vilka element som ska påverkas av en specifik CSS-regel. Därefter följer en specifikation för vilka egenskaper som ska förändras för de utvalda elementen.		CSS-regler består av två delar. Vi har först en selektor, som är en sats som skapar ett urval av specifika HTML-element och som därmed bestämmer vilka element som ska påverkas av en specifik CSS-regel. Därefter följer en specifikation för vilka egenskaper som ska förändras för de utvalda elementen.

			I varje CSS-regel anges egenskaperna inom ett "{}"-block. Inuti blocket deklarerar man sedan egenskaperna var för sig. Detta gör man genom att först ange vilken egenskap man vill förändra, följt av ett ":"-tecken, följt av det värde man vill sätta egenskapen till. Deklarationen avslutas sedan med ett ";"-tecken. Om det är den sista egenskapen som ska sättas i ett block, kan man utelämna ";"-tecknet. Det är dock en bra vana att alltid skriva dit det, då blir det aldrig fel. Låt säga att du utelämnar ";"-tecknet, återkommer för att redigera regeln och lägger till något sist, då är det lätt att glömma att man utelämnat ";":et tidigare och så blir CSS-reglerna fel.

			Ett exempel på en CSS-regel:

			p {
			background-color: white;
			color: black;
			}


			I ovanstående exempel ändrar man på två egenskaper, dels sätter man bakgrundsfärgen till vit och dels sätter man förgrunds-/textfärgen till svart.

PGJ: Skapade sidan med 'CSS-regler består av två delar. Vi har först en selektor, som är en sats som skapar ett urval av specifika HTML-element och som därmed bestämmer vilka element som ska p...'

2015-01-03T16:13:28Z

Skapade sidan med 'CSS-regler består av två delar. Vi har först en selektor, som är en sats som skapar ett urval av specifika HTML-element och som därmed bestämmer vilka element som ska p...'

Ny sida

CSS-regler består av två delar. Vi har först en selektor, som är en sats som skapar ett urval av specifika HTML-element och som därmed bestämmer vilka element som ska påverkas av en specifik CSS-regel. Därefter följer en specifikation för vilka egenskaper som ska förändras för de utvalda elementen.