CSS Properties on Parade Property Valid values Example

  • Slides: 4
Download presentation
CSS Properties on Parade Property Valid values Example font-family list of fonts (separate with

CSS Properties on Parade Property Valid values Example font-family list of fonts (separate with font-family: Arial, “Times commas, end with generic font: New Roman”, sans-serif; serif, sans-serif, fantasy, cursive, monospace) font-style italic, normal, oblique font-style: italic; font-weight normal, bold, lighter, bolder, or 100, 200, …, 900 (900 is darkest, 700 is bold) font-weight: lighter; font-weight: 300; font-size percentage, large, medium (default), small (and lots more) font-size: 250%; font-size: large; color name, rgb #s, or hex code color: red; color: rgb(255, 0, 0); color: #FF 0000; backgroundcolor same as above background-color: green; 8

CSS Properties on Parade Property Valid values Example text-align left, center, right, justify text-align:

CSS Properties on Parade Property Valid values Example text-align left, center, right, justify text-align: left; textdecoration underline, overline, linethrough, none, or blink (please, no) text-decoration: none; height number expressed in pixels (px), width of letter M in font (em), or % of parent block height: 15 px; height: 4 em; height: 50%; 9

Primary Colors #0000 FF rgb(0, 0, 255) #00 FFFF rgb(0, 255) #00 FF 00

Primary Colors #0000 FF rgb(0, 0, 255) #00 FFFF rgb(0, 255) #00 FF 00 rgb(0, 255, 0) #FF 00 FF rgb(255, 0, 255) #FF 0000 rgb(255, 0, 0) #FFFF 00 rgb(255, 0) see web page for links to color codes 10

Style Inheritance <html> <head> <title> <body> <h 1> <h 2> <p> <strong> 11

Style Inheritance <html> <head> <title> <body> <h 1> <h 2> <p> <strong> 11