index.Txt
index.Txt
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Colors :: Home</title>
<style>
article {
background-color: pink;
font-family: Georgia, serif;
}
.alerts {
color: red;
font-weight: bold;
}
a h3 {
border-bottom: 2px black dashed;
}
</style>
</head>
<body>
<nav>
<ol>
<li>Home</li>
<li><a href="tertiary-01.htm">Tertiary Colors</a></li>
<li><a href="chartreuse-05.htm">Chartreuse</a></li>
</ol>
</nav>
<article>
<h1>Colors for Painting</h1>
<p>
Modern scientific color theory, which argues that magenta, yellow, and cyan are the best set of three colorants to combine, for the widest range of high-chroma colors but the Red, Yellow, Blue color model still rules the world of artistic painting.
</p>
<h2>
Color Theory
</h2>
<p>
In the visual arts, <i>color theory</i> is a body of practical guidance to color mixing and the visual effects of a specific color combination. There are also definitions (or categories) of colors based on the color wheel: primary color, secondary color and tertiary color.
</p>
<a href="primary.htm">
<p>
<img src="http://placehold.it/750x400" alt="Placeholder" width="750" height="400">
</p>
<h3>
Primary Colors
</h3>
<p>
<span class="alerts">Cras justo odio</span>, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</a>
<a href="secondary.htm">
<p>
<img src="http://placehold.it/750x400" alt="Placeholder" width="750" height="400">
</p>
<h3>
Secondary Colors
</h3>
<p>
<span class="alerts">Cras justo odio</span>, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</a>
<a href="tertiary.htm">
<p>
<img src="http://placehold.it/750x400" alt="Placeholder" width="750" height="400">
</p>
<h3>
Tertiary Colors
</h3>
<p>
<span class="alerts">Cras justo odio</span>, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</a>
</article>
<footer>
<h2>
Contact
</h2>
<address>
<p>
123 Fourth Street
<br>Arkham MA, 65340
</p>
<p>
<a href="mailto:colors@miskatonic.edu">colors@miskatonic.edu</a>
</p>
</address>
<h2>
Socialize
</h2>
<ul>
<li><a href="https://twitter.com/">Twitter</a></li>
<li><a href="http://www.reddit.com/r/colors/">Reddit</a></li>
<li><a href="http://instagram.com/">Instagram</a></li>
<li><a href="http://colrd.com/">ColRD</a></li>
</ul>
<h2>
Tools
</h2>
<ul>
<li><a href="http://encycolorpedia.com/">Encycolorpedia</a></li>
<li><a href="https://kuler.adobe.com/">Adobe Kuler</a></li>
<li><a href="http://colorhunter.com/">Color Hunter</a></li>
<li><a href="http://services.tineye.com/MulticolorEngine">MulticolorEngine</a></li>
</ul>
<h2>
News
</h2>
<ul>
<li><a href="javascript:void(0)">Scientists Made Color-Changing Paint Out of Gold Nanoparticles</a></li>
<li><a href="javascript:void(0)">'Growing' The Blackest Color In The World</a></li>
</ul>
</footer>
</body>
</html>
Please help me for CSS Page
![Setup
Create a new, empty file in your colors project called final-css.html
Go to index.txt, copy the html and paste it into final-css.html.
You cannot change what is between <style> & </style>! Pretend that came with the system you bought, & it cannot
be altered. You will have to override that CSS to fix the problems with the included CSS.
The Assignment
Create a new styles folder in your colors project. Create a new file in it called main-cascade.css.
Link to it from final-css.html.
Here are the problems with the CSS already in final-css.html that you need to fix in main-cascade.css:
• The background color of articles is pink, but it should be green.
• Alerts should not be bold.
• All headings level 3 inside anchors have bottom borders that are 2px, black, & dashed; instead, they should
all be Ipx, purple, & dotted.
Note: there are 2 ways to solve this problem, & both involve a <link> in the chead>.
Do not change anything in the <body>!](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2F86dadd27-9a4c-40b7-843d-433ab8a2784c%2F12ddea33-b571-48bf-946a-f5508e6267aa%2Fxmx6n7_processed.png&w=3840&q=75)
![](/static/compass_v2/shared-icons/check-mark.png)
Step by step
Solved in 2 steps
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Concepts of Database Management](https://www.bartleby.com/isbn_cover_images/9781337093422/9781337093422_smallCoverImage.gif)
![Prelude to Programming](https://www.bartleby.com/isbn_cover_images/9780133750423/9780133750423_smallCoverImage.jpg)
![Sc Business Data Communications and Networking, T…](https://www.bartleby.com/isbn_cover_images/9781119368830/9781119368830_smallCoverImage.gif)