Working with External CSS
Download as PPT, PDF0 likes351 views
This document provides an example of using an external cascading style sheet (CSS) to style elements on an HTML webpage. It includes the HTML code to link to an external CSS file, as well as the CSS code that styles the body text, bold text, and links. When the HTML and CSS files are linked, the CSS styles the bold text to be larger, a different color and font, and modifies the colors of links and visited links.
1 of 4
Download to read offline
More Related Content
What's hot (20)
Ad
Viewers also liked (19)
Ad
Similar to Working with External CSS (20)
More from davereece (6)
Recently uploaded (20)
Working with External CSS
- 1. Working with External CSS Feel free to copy this code to try it out. Save the second slide as index.html and the third slide as style.css
- 2. Main Webpage <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <link rel="Stylesheet" type=“text/css" href="style.css"> </head> <body> This is an example of how to use <b>stylesheets</b>. Every time that you see a word <b> in bold</b> the word will not only be <b> bolded </b> but it will have all of the <b>properties assigned to it</b> by the <b>External Cascading Style Sheet</b> <br> <a href="http://www.csstutorial.net/" >Here is </a> another example of working with CSS </body> </html>
- 3. Here is the CSS page /* CSS Document */ /*These are comments between the * and / */ body {background-color:#D9FAFA; font-family:Arial;} /*This will modify the body to use a dark blue background and arial as the default font b {font-size:14pt; color:#d100bb; font-family:Tahoma;} /*This will modify the bold tag with a new colour, larger font size and a different font family */ A:link {color: Red} A:Visited {color:Black} /*This modifies some of the properties of the anchor tag */
- 4. Here is the result