Lisa Bartle, Reference Librarian

1
CSS Pixel-Level Control with HTML Ease

• Lisa Bartle, Reference Librarian
• Cal. State University, San Bernardino
• LBartle_at_csusb.edu
• 909-537-7552
• An Infopeople Workshop

2
Assumptions for This Class
You have an understanding of HTML.
3
Goals for This Class

• To provide an introduction to CSS.
• To explain the benefits of CSS over HTML alone.
• To introduce tools on the Web to aid, to excite,
  and to inspire when working with CSS.

4
What are Style Sheets?

• A text file used in conjunction with an HTML file
  that defines rules for how the user will view the
  content.

5
What is CSS?

• Cascading Style Sheets
• One of at least two style sheets that defines the
  presentation of the HTML content.

6
HTML vs CSS

• HTML and CSS are not competitors so much as
  allies.
• HTML for style may become defunct HTML is for
  content
• CSS is for style

7
CSS Benefits

• Increase in pages loading speeds
• Better control of presentation to user
• Better accessibility for disabled users
• Easy updating of multiple pages
• Easy to learn

8
Thinking Inside the Box
http//weblog.dion.nu/
9
CSS Galleries

• CSS galleries are sites where CSS designs are
  displayed for admiration and imitation.
• CSS Beauty (http//www.cssbeauty.com/gallery/)
• CSS Drive (http//www.cssdrive.com/)
• CSS Website (http//www.css-website.com)

10
Housekeeping

• Create two files of the same name on the desktop.
  
• One should have an extension of css.
• One should have an extension of html.
• Open Internet Explorer.

11
Take the Class!
Sign up for the class when it is announced.
Thank you!