Инструменты пользователя

Инструменты сайта


селекторы_по_id

Селекторы по id

index_id.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>ID selectors</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
aside, article, section, header, footer, nav {
	display: block;
}
aside {
	width: 300px;
	border: 1px solid #000;
	padding: 20px;
	margin-bottom: 20px;
}
body {
	font-family: Arial;
	font-size: 90%;
}
h1 {
	font-family: Georgia;
	font-size: 1.8em;
	font-weight: normal;
}
h2 {
	font-family: Georgia;
	font-size: 1.4em;
	font-weight: normal;
}
p {
	font-size: 1em;
}
/*add styles here*/
#aside1 {
	background: beige;
	}
#aside2 {
	background: tan;
	}
</style>
</head>
<body>
<article>
<h1>This is the page's main headline</h1>
<p>This is a paragraph inside the main content</p>
<p>This is another paragraph</p>
<h2>This is a subheading, a heading 2</h2>
<p>This is more paragraph text</p>
<aside id="aside1">
<h2>This is the first aside's heading</h2>
<p>This aside discusses upcoming events</p>
</aside>
<aside id="aside2">
<h2>This is the second aside's heading</h2>
<p>This aside discusses featured specials</p>
</aside>
</article>
</body>
</html>
селекторы_по_id.txt · Последнее изменение: 2019/10/01 16:13 (внешнее изменение)