Computer Science 2033A/B Lecture Notes - Lecture 7: Hyperlink, Number Sign, Css Box Model

• School: Western University
• Department: Computer Science
• Course: Computer Science 2033A/B
• Professor: Vivi Tryphonopolous

Document Summary

Cs 2033: lecture 7 working with css styles. We"(cid:448)e looked at usi(cid:374)g c st(cid:455)les to (cid:272)o(cid:374)t(cid:396)ol the la(cid:455)out a(cid:374)d ide(cid:374)tif(cid:455) (cid:271)o(cid:454) ele(cid:373)e(cid:374)ts usi(cid:374)g di(cid:448) ids, now we will be looking at using css styles to control the appearance of text. In dreamweaver, work with styles from the side css panel. In kompozer, work with styles from the cascades editor. Style selector types: tag (type) (eg. h1, class (eg . box, compound (aka advanced selector) (eg h1, h2, h3 {font-family: verana, sans-serif)) Selector definition: h1 {color:blue; } where h1 is the selector and {color:blue; } is the declaration (the property and values) And can link to more than 1 stylesheet in each page. Inline (not desired style inside actual tag) Tag selector: redefining (overriding the default) the formatting characteristics/attributes for a particular html tag, most common tag selectors used for styling: headings (h1,h2,h3), paragraph (), body.