165Unit04 - CMPT165Unit4 AdvancedHTMLCSS 01/26/10

Info iconThis preview shows pages 1–7. Sign up to view the full content.

View Full Document Right Arrow Icon
01/26/10 Copyright (c) 2007 Fred Popowich (Modified by S. Pearce, 2008)     CMPT165-D01 1 CMPT 165 – Unit 4 Advanced HTML - CSS
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 2 Style Recall the difference between structural  markup, and stylistic markup Our approach Separate out the stylistic information Style can be defined relative to the structure Allows the same structural information to be  displayed with alternative styles Use of Cascading Style Sheets (CSS) Unit 4 – Advanced HTML
Background image of page 2
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 3 CSS - Introduction CSS was added to HTML after HTML was  already in use around the world Used to help the browser determine how  different structures should be displayed Before CSS, the display criteria were determined by  built in “logic” in the browser Different versions of CSS CSS1 supported by all modern browsers Netscape 6 or later, Internet Explorer 6 or later, Mozilla More recent versions of CSS (CSS2, CSS3) Netscape 6 or later, Mozilla, Safari http://www.w3.org/Style/CSS/current-work   Unit 4 – Advanced HTML
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 4 What is CSS Usually a separate file  from your HTML file Multiple HTML files can use the same CSS file Allows for easy modification to the style of an entire website File referenced in header  of your HTML file <link rel="stylesheet" href="fredstyle.css" type="text/css" /> <link> is used for pages related to the current page The rel attribute describes the kind of link relation Beware: Don’t use  fredstyle.css  instead of  " fredstyle.css "    Contains rules saying how the tags contained  within your HTML files should be displayed Overrides the default style a browser has for a tag Unit 4 – Advanced HTML
Background image of page 4
01/26/10 Copyright (c) 2007 Fred Popowich     CMPT165-D01 5 What is a CSS rule? Three parts to a rule: Selector , properties , and values Syntax selector { property1: value1; property2: value2; } Rules should be in a separate file and  have the file suffix .css Unit 4 – Advanced HTML
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Copyright (c) 2007 Fred Popowich     CMPT165-D01 6 An Example h1 {
Background image of page 6
Image of page 7
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 25

165Unit04 - CMPT165Unit4 AdvancedHTMLCSS 01/26/10

This preview shows document pages 1 - 7. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online