Basics of Web Design

Post on 11-Jan-2016

29 views 0 download

Tags:

description

Basics of Web Design. Chapter 6 More CSS Basics Key Concepts. Learning Outcomes. Configure text typeface, size, weight, and style with CSS Align and indent text with CSS Describe and apply the CSS Box Model Configure width and height with CSS Configure margin, border, and padding with CSS - PowerPoint PPT Presentation

Transcript of Basics of Web Design

Basics of Basics of Web Web

DesignDesign

1Copyright © 2016 Pearson Education, Inc., Hoboken NJ

2Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Configure Width and Height with CSS

h1 { width: 80%; }

h1 { height: 100px; }

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The Box Model

4Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Configure Margin with CSS

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Configure Padding with CSS

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The CSS border Property

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Valid border-style Values

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Configuring Specific Sides of a Border

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

10Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Centering Page Content with CSS

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

12Copyright © 2016 Pearson Education, Inc., Hoboken NJ

13Copyright © 2016 Pearson Education, Inc., Hoboken NJ

14Copyright © 2016 Pearson Education, Inc., Hoboken NJ

15Copyright © 2016 Pearson Education, Inc., Hoboken NJ

16Copyright © 2016 Pearson Education, Inc., Hoboken NJ

17Copyright © 2016 Pearson Education, Inc., Hoboken NJ

18Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Summary

19Copyright © 2016 Pearson Education, Inc., Hoboken NJ