Web Science/Part1: Foundations of the web/Web content/Cascading Style Sheets/script

From Wikiversity
Jump to navigation Jump to search

style.css[edit]

body {
	font-family: 'Open-Sans', sans-serif; 
	background: #0099D8; 
	color:white;
}

ol {
	border: 1px solid white; 
	border-radius:6px;
}

li {
	border-bottom: 1px solid white;
	margin: 20px 20px 30px;
	padding-bottom:20px;
}

h3 {
	color:orange;
	margin:0;
	padding:0;
}

strong {
	color:orange;
}

playlist.hmtl[edit]

<!doctype html>
<html lang="en">
<head>
<title>Rens Pickhardt's playlist example</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
	<h1>
		This is <em>Rene Pickhardt</em>'s playlist.
	</h1>
	<ol>
 		<li>
 	 		<em>2013-11-02 01:54 CET</em>
 	 		<h3 ">Lords of the boards</h3>
 			 on <em>Proud like a God</em> by <strong>Guano Apes</strong>
 		</li>
 		<li>
			<em>2013-11-02 01:57 CET</em>
			<h3>Toxicity</h3>
			on <em>Toxicity</em>
			by <strong>System of A Down</strong>
		</li>
 		<li>
			<em>2013-11-02 02:01 CET</em>
			<h3>B.Y.O.B</h3>
			on <em>Mezmerize</em>
			by the artist <strong>System of A Down</strong>
		</li>
	</ol>
</body>
</html>