Skip to content

Instantly share code, notes, and snippets.

@JHarry444

JHarry444/index.css

Created June 15, 2020 11:41
Show Gist options
  • Save JHarry444/c79854aab5c2ac73fc2e9e127aea8daa to your computer and use it in GitHub Desktop.
Save JHarry444/c79854aab5c2ac73fc2e9e127aea8daa to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.css
h1 {
color: red;
}
h1.header {
color: green;
}
h1#home-heading {
color: yellow;
}
h1#home-heading {
color: #4feb34;
}
body a {
color: red;
}
body>a {
color: yellow;
}
* {
color: palegoldenrod;
}
Raw
index.html
<html>
<head>
<title>Hello</title>
<!-- <style>
a {
color: red;
}
</style> -->
<link rel="stylesheet" href="./css/index.css" />
</head>
<body>
<h1 id='home-heading' class='header' style="color: blueviolet;">Home Page</h1>
<a href="http://www.bbc.co.uk">go to bbc</a>
<div class='myClass' id='myDiv'>
<a href="./page2.html">go to page 2</a>
<br />
<input type="text" />
<br />
<input type="checkbox" />
<br />
<input type="password" />
<br />
<input type="number" />
<button type="button">click me</button>
<p>
<strong>
Text goes in here.
</strong>
<br />
<em>
In paragragh format.
</em>
</p>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<img src='/home/jharry/Pictures/me.png' />
</div>
<footer>jfngkjfdngk</footer>
</body>
</html>
Raw
page2.html
<html>
<head>
<link rel="stylesheet" href="./css/index.css" />
</head>
<body>
<h1>PAGE 2</h1>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment