Skip to Content

Introduction to CSS Tutorial

Printer-friendly versionPrinter-friendly version
Date and Time: 
May 24, 2011 - 10:00am - 12:00pm
Social Sciences & Media Studies Labs 1303-4
Presentation Content

Introduction to CSS Flyer (pdf)

Designed for beginners, this hands-on, lab-based tutorial will introduce fundamentals of Cascading Style Sheets (CSS), and show how CSS can be used to control the layout of an HTML document. Working with one CSS selector at a time, students will add elements to a stylesheet, then make simple changes to CSS values to see how they can affect a Web page.

Students will be provided with all necessary files for the tutorial. Class pace will allow for hands-on application of each new concept, plus questions. Topics to be covered include:

  • What is CSS?
  • How to attach a CSS file to an HTML document
  • Basics of CSS syntax
  • CSS selectors: class and ID
  • CSS Box Model: border, margin, and padding


This workshop is free and open to all UCSB campus employees. Registration is limited to 50 participants. Pre-registration is required. Sign up online at (log in with your UCSBNetID and search for "Introduction CSS." Be sure your browser’s pop-up blocker is turned off!) For questions, send email to


Brian Wolf developed his first Web site at UCSB in 1995. Since then, he has developed over 40 sites for academic departments, administrative organizations, education programs, events, facilities, faculty labs, graduate programs, institutes and research centers. Brian focuses on building accessible Web sites that are W3C and 508 standards compliant.

intro_CSS_5-11.pdf77.57 KB