Przejdź do treści

CSS / CSS dla zielonych

Powtórka

Sprawdź, czy pamiętasz, za co odpowiadają poniższe fragmenty kodu źródłowego CSS. W razie wątpliwości kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.

Jak wygląda typowy arkusz CSS?

selektor1 {
	Tu wpisuje się deklaracje stylów
}

selektor2 {
	Tu wpisuje się deklaracje stylów
}

selektor3 {
	Tu wpisuje się deklaracje stylów
}

Zobacz więcej...

W jaki sposób zmienić wielkość i rodzaj czcionki na stronie WWW?

body {
	font-size: rozmiar;
	font-family: rodzaj;
}

Zobacz więcej...

Jak ustawić marginesy strony WWW? Czy da się określić marginesy niesymetryczne?

body {
	margin: szerokość;
}
body {
	margin-top: górny;
	margin-bottom: dolny;
	margin-left: lewy;
	margin-right: prawy;
}

Zobacz więcej...

Jak ustawić tapetę graficzną w tle strony internetowej? W jaki sposób stworzyć tło w postaci zeszytu w kratkę, w linie albo ukośnej siatki?

body {
	background-color: kolor tła;
	background-image: url(ścieżka dostępu do obrazka);
	color: kolor tekstu;
}

Zobacz więcej...

W jaki sposób układać tekst na ekranie? Jak wyśrodkować lub wyjustować tekst?

p {
	text-align: wyrównanie;
}

Zobacz więcej...

Jak zmienić kolor odsyłaczy (odnośników hipertekstowych, hiperłączy, linków)? Jak zrobić podświetlany link (odsyłacz, odnośnik hipertekstowy, hiperłacze)?

a {
	color: kolor;
}

a:hover {
	color: podświetlenie;
}

Zobacz więcej...

Jak ująć tekst w ramkę w postaci obramowania z zaokrąglonymi narożnikami i tłem?

.nazwa-klasy {
	deklaracje stylów
}
.nazwa-klasy {
	background-color: kolor tła;
}
.nazwa-klasy {
	padding: szerokość;
}
.nazwa-klasy {
	padding-top: górny;
	padding-bottom: dolny;
	padding-left: lewy;
	padding-right: prawy;
}
.nazwa-klasy {
	border-width: grubość;
	border-style: styl;
	border-color: kolor;
}
.nazwa-klasy {
	border-radius: promień;
}

Zobacz więcej...

Komentarze

Zobacz więcej komentarzy

Facebook