Introduction to Cascading Style Sheets CSS3

Part 1

Create an external style sheet with at least 2 of the following styles:

  • A background color for the Web pages
  • A text color for at least one of the Web page elements
  • A font-family for at least one of the Web page elements

Note: You may include additional styles to help complete your site.

Part 2

Create a link element to connect the external cascading style sheet (CSS) to the HTML code. Then, place the link element in each of your three Web pages. This element gets placed in the <head> section (usually line 5) of the code.

The following is an example of CSS code for an external style sheet with three style changes that will be saved as style.css:

body {

color: #0000FF;

background-color: #00FFFF;

font-family: Arial;

}

Part 3

You will see a sample of HTML5 code for the index.html page with the <link> element to connect the files. You will need to add in the link element to all of the pages of your Web site. Otherwise, the styles will not appear on the second and third pages of the site.

The following is a sample of the index.html code with the <link> element inserted into the <head> section:

<!DOCTYPE html>

<html>

<head>

<title>Homepage</title>

<!– Add your link element to your code. For example: –>

<link href=”style.css” rel=”Stylesheet” type=”text/css” />

</head>

<body>

<header>

<img src=”logoimage1.jpg” height=”300″ width=”300″ alt=”logo image”>

<h1>Sample Web site</h1>

</header>

<nav>

<a href=”index.html”>Home</a>

<a href=”about.html”>About</a>

<a href=”contact.html”>Contact</a>

</nav>

<section>

<h3>Continue to add content for the homepage.</h3>

</section>

<footer>

<h4>Copyright year, your name, date, class, section number</h4>

</footer>

</body>

</html>

For this assignment, submit 3 HTML files that each contain a link element to an external CSS, submit 1 external cascading style sheet with at least two styles, and submit an image or graphics file that is compressed in a zip folder.

A background color for the Web pages

  • A text color for at least one of the Web page elements
  • A font-family for at least one of the Web page elements

    • Note: Students may include additional styles to help complete the site. They may include styles for paragraph elements, headings, and semantic elements.

    Deliverables: 3 HTML files; 1 external cascading style sheet; an image or graphics file compressed in a zip folder

    Looking for solution of this Assignment?

    WHY CHOOSE US?

    We deliver quality original papers

    		 Our experts write quality original papers using academic databases.We dont use AI in our work. We refund your money if AI is detected  

    Free revisions

    		 We offer our clients multiple free revisions just to ensure you get what you want.

    Discounted prices

    		 All our prices are discounted which makes it affordable to you. Use code FIRST15 to get your discount

    100% originality

    		 We deliver papers that are written from scratch to deliver 100% originality. Our papers are free from plagiarism and NO similarity.We have ZERO TOLERANCE TO USE OF AI

    On-time delivery

    		 We will deliver your paper on time even on short notice or  short deadline, overnight essay or even an urgent essay
     
    /by