<title>A Sample CSS Page</title> Sample CSS Page</title> </head> </head> <body> <body> My <div>My <p>Little <p>Little <span style="color: green">Pony</span> <span>Pony</span> </p> </p> </body> <span </html> </div> <p>is</p> Magic and page1.css: </body> </html> body { color: blue; and page2.css: } p { p { color: orange; } color: purple; } div p { color: blue; } What color is the word My? span { color: purple; } Blue .pink { pink; } What is the word Little? Red div { green; } What is the word Pony? What color is the word Green My? Green What color is the word Blue Little? Consider page2.html: What color is the word Purple Pony? <html> <head> What color is the word Pink Friendship? <link href="page2.css" rel="stylesheet"> <style> What color is the word Red p { is? color: red; } What color is the word Black Magic? </style> 6<header> 7<h1 id="top">Website Consider this HTML document: 8<h2>Webpage Title</h2> 9<h3>Slogan</h3> 10<nav> <!DOCTYPE html> 11<ul> 1<html> 12<li> 2<head> 13<a href="home.html"> 3<title>Website Title</title> 14<b>Home</b> 4<meta charset="utf-8"> </a> </head> </li> 5<body>
<title>A Sample CSS Page</title> </head> <body> My <p>Little <span style="color: green">Pony</span> </p> </body> </html> and page1.css: body { color: blue; } p { color: purple; } What color is the word My? Blue What is the word Little? Red What is the word Pony? Green Consider page2.html: <html> <head> <link href="page2.css" rel="stylesheet"> <style> p { color: red; } </style> Sample CSS Page</title> </head> <body> <div>My <p>Little <span>Pony</span> </p> <span </div> <p>is</p> Magic </body> </html> and page2.css: p { color: orange; } div p { color: blue; } span { color: purple; } .pink { pink; } div { green; } What color is the word My? Green What color is the word Little? Blue What color is the word Pony? Purple What color is the word Friendship? Pink What color is the word is? Red What color is the word Magic? Black Consider this HTML document: <!DOCTYPE html> 1<html> 2<head> 3<title>Website Title</title> 4<meta charset="utf-8"> </head> 5<body> 6<header> 7<h1 id="top">Website 8<h2>Webpage Title</h2> 9<h3>Slogan</h3> 10<nav> 11<ul> 12<li> 13<a href="home.html"> 14<b>Home</b> </a> </li>
midtermsolution.docx