• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

[CR] CSS (#1): Kaskadowe arkusze stylów - pierwszy projekt, wiedza podstawowa

+3 głosów
5,714 wizyt
pytanie zadane 4 czerwca 2016 w Nasze poradniki przez Mirosław Zelent Nałogowiec (35,030 p.)

CR = Code Review. O co chodzi? Zajrzyj tutaj
Pełna lista wszystkich Code Review? Zajrzyj tutaj

https://www.youtube.com/watch?v=RJEKMbD_kEk

index.html:

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>Najlepsze filmy!</title>
	<meta name="description" content="Przed Tobą spis moich ulubionych filmów. Sprawdź, czy znasz je wszystkie. Uczta dla kinomaniaka!" />
	<meta name="keywords" content="film, kino, najlepsze filmy, top filmy" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="style.css" type="text/css" />	
	
	<style>
		h1
		{
			color: blue;
		}
	</style>
	
</head>

<body>
	<h1 style="color: green;">Najlepsze filmy!</h1>
	
	Komedia: 
	<a href="http://www.filmweb.pl/Forrest.Gump" target="_blank" title="Zobacz na Filmwebie!">
		Forrest Gump (1994)
	</a>
	
	<br /><br />
	
	<a href="http://www.filmweb.pl/Forrest.Gump" target="_blank" title="Run Forrest, run!">
	<img src="img/forrest.jpg" />
	</a>

	<br /><br />
	
	Horror: 
	<a href="http://www.filmweb.pl/Obcy" target="_blank" title="Zobacz na Filmwebie!">
		Obcy 8 pasażer Nostromo (1979)
	</a>
	
	<br /><br />
	
	<a href="http://www.filmweb.pl/Obcy" target="_blank" title="One ugly bastard!">
		<img src="img/alien.jpg" />
	</a>

</body>
</html>

style.css:

body
{
	background-color: gray; 
	font-family: Verdana;
	font-size: 20px;
	color: white;
}

h1
{
	font-size: 48px;
	color: red !important;
}

/* Nieodwiedzony link */
a:link
{
	color: yellow;
}

/* Odwiedzony link */
a:visited
{
	color:yellow;
}

/* Link po najechaniu kursorem */
a:hover
{
	color: red;
}

Paczka z odcinka: POBIERZ​

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

+5 głosów
3 odpowiedzi 15,508 wizyt
+6 głosów
1 odpowiedź 9,172 wizyt

93,742 zapytań

142,678 odpowiedzi

323,297 komentarzy

63,328 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...