19
Basics of Basics of Web Web Design Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Basics of Web Design

  • Upload
    sulwyn

  • View
    31

  • Download
    0

Embed Size (px)

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

Citation preview

Page 1: Basics of  Web Design

Basics of Basics of Web Web

DesignDesign

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

Page 2: Basics of  Web Design

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

Page 3: Basics of  Web Design

Configure Width and Height with CSS

h1 { width: 80%; }

h1 { height: 100px; }

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Page 4: Basics of  Web Design

The Box Model

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

Page 5: Basics of  Web Design

Configure Margin with CSS

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Page 6: Basics of  Web Design

Configure Padding with CSS

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Page 7: Basics of  Web Design

The CSS border Property

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Page 8: Basics of  Web Design

Valid border-style Values

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Page 9: Basics of  Web Design

Configuring Specific Sides of a Border

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Page 10: Basics of  Web Design

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

Page 11: Basics of  Web Design

Centering Page Content with CSS

Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Page 12: Basics of  Web Design

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

Page 13: Basics of  Web Design

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

Page 14: Basics of  Web Design

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

Page 15: Basics of  Web Design

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

Page 16: Basics of  Web Design

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

Page 17: Basics of  Web Design

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

Page 18: Basics of  Web Design

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

Page 19: Basics of  Web Design

Summary

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