CSS Intro Course

Styling Your Entire Page in One Fell Swoop

HTML documents typically use tags to identify formatting preferences. This has its drawbacks, being nearly impossible to change complete web site page presentation. But CSS works to solve this issue. In this section, students are introduced to CSS, how to define a rule for each element appearance and how to create HTML document style guides.

Basic Text Formatting Techniques

In the previous section, we created an internal stylesheet with a few initial guidelines. In this training section, students continue their focus on text formatting, learning how to set CSS unit of measurement, font size and style. They also learn how to modify paragraph properties, like letter spacing, and change list bullet style.

Styling Your Entire Site in One Fell Swoop

After students learn how to create stylesheets for individual web pages, they’re guided in best practice techniques used to define a common presentation style for large-scale web sites. This training section teaches students how to create external stylesheets, link to stylesheets from HTML documents and use internal stylesheets to override external ones.

Bullet Images and Backgrounds

In addition to text formatting, CSS also formats image file presentation. Some CSS presentation properties are not attainable through plain HTML. In this training course, students learn how to define images as bullets, reference a background image, restrict background images to one or both axis, position background images to avoid scrolling with the page and use multiple stylesheets to control various properties.

Exceptional Styles

Once students learn how to create and apply CSS rules to all HTML elements of a specific type, i.e. all paragraphs or bullets, they gain hands-on instruction in naming and grouping HTML element to format each grouped HTML element instead of particular types of HTML elements. This training section teaches attendees how to give elements unique identifiers, what identifier requirements are, how to use CSS to refer to HTML elements by its unique ID, how to apply styles to elements of a particular group and how to modify elements within an identified parent element.

Spacing Properties

One strength of CSS lies in its granular content placement control. This lets designers control the amount of empty or white space around objects. It can also correct situations like excess or insufficient spacing provided by the browser between objects and the browser window. In this class, students learn how to use CSS to control object margins and padding.

Prerequisites:

• HTML Fundamentals or equivalent experience
• Understanding of core HTML elements, i.e. paragraphs, headings, lists
• Ability to insert images, hyperlink between documents and create a basic two-row, two-column table