Use the following CSS requirements to add style cSS Requirements Link an external style sheet to your html file- give that file an appropriate name • Your style rules should use consistent colors, fonts and sizes • The external style sheet should include the following selector types o 1 x Element selector o 1x Grouped selector o 1 x Child selector o 1 x Class selector o 1x ID selector
what I have so far
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
<title>About me</title>
</head>
<body>
<h1>Josiah McSweeney</h1>
<div >
<div>
<h2>A bit about me</h2>
</div>
<p>I'm a very open individual I like to chat maybe a little too much I love working with technology which is probably one of the biggest reasons why I'm here now and something that you may need to know about me is I have dysgraphia which is a medical condition and it makes it so I'm unable to write anything down on paper/write anything that could be read on paper
</p>
<p>Some other things to know about me are but I am very meticulous about any and all of my work but I'm not sure if this is because I'm responsible or because of my anxiety disorder which causes me to not forget about anything I really am not sure about this but I'm going to take it as is
</p>
<div>
<h2>Stuff I like</h2>
</div>
</div>
<p>Here below are a couple of lists of all things I like these made between food, computers and other things </p>
<ul>
<li>video games</li>
<li>cheesecake</li>
<li>technology</li>
</ul>
<dl>
<dt>My moms name</dt>
<dd>Sharon</dd>
<dt>My dads name</dt>
<dd>Mike</dd>
</dl>
<img src="joe.jpg" alt="image here">
<div class="intro">
<footer>
<p>Author: Josiah McSweeney</p>
<p id="para1"><a href="332boyman@gmail.com">332boyman@gmail.com</a></p>
</footer>
</div>
</body>
</html>
The code for the external CSS file is given below.
Also, the output of the code is attached.
Trending now
This is a popular solution!
Step by step
Solved in 3 steps with 1 images
