Unit F - Expression Web 3 Expression Unit F: Enhancing a...

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

View Full Document Right Arrow Icon
Expression Web 3 Expression Web 3 Unit F: Enhancing a Design with 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
Objectives Objectives Understand CSS layouts Add background images Set a background color using the Eyedropper Set a background color using a swatch Add a border Expression Web 3 - Illustrated 2
Background image of page 2
Objectives (continued) Objectives (continued) Add a font family Style headings Style the footer Set padding and margins Expression Web 3 - Illustrated 3
Background image of page 3

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

View Full DocumentRight Arrow Icon
CSS box model – every element on a page is a rectangular box. Core component – content area Optional components – borders, padding, margins Understanding CSS Layouts Understanding CSS Layouts Expression Web 3 - Illustrated 4
Background image of page 4
Understanding CSS Layouts Understanding CSS Layouts (continued) (continued) Content area – innermost box, contains text, images, or other content. Padding area – creates space between content and border. Border – encloses the padding and content areas. Margin area – creates space surrounding the other three components Expression Web 3 - Illustrated 5
Background image of page 5

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

View Full DocumentRight Arrow Icon
Understanding CSS Layouts Understanding CSS Layouts (continued) (continued) div – html container element often used for layout and positioning. id attribute – unique and specific name, can only be used once on a page. class-base rules are indicated with a “.” id-based rules are indicated with a “#” Expression Web 3 - Illustrated 6
Background image of page 6
Adding Background Images CSS background images are used to create a consistent look across all pages of a site. Background images are applied through a style rule instead of being directly inserted in an HTML page. Expression Web 3 - Illustrated
Background image of page 7

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

View Full DocumentRight Arrow Icon
Image of page 8
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 03/09/2011 for the course BCIS 2610 taught by Professor Sidorova during the Spring '08 term at North Texas.

Page1 / 26

Unit F - Expression Web 3 Expression Unit F: Enhancing a...

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

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