Course Content
What the Website Design Using CSS course covers
⊕ Expand full topic list
Unit 1: Intro to CSS
- Defining Styles with CSS
- CSS Selectors
- CSS Properties
⊕ See more
Unit 2: Basic Text Styling
- Specifying font sizes and families correctly
- Controlling the appearance of hypertext links
- Styling individual words rather than paragraphs
- Specifying the line-height (leading) of text
- Indenting and centering text
- Controlling the appearance of lists
- Removing page margins
- Adding comments to a CSS file
⊕ See more
Unit 3: CSS and Images
- Adding borders to images
- Wrapping text around an image without using the HTML align attribute
- Setting a background image with CSS
- Positioning background images
- Creating a background image that remains stationary when the text scrolls
- Placing text on top of an image
⊕ See more
Unit 4: Navigation
- Replacing image-based navigation with CSS
- Using lists to create a navigation menu
- Using CSS to create rollover navigation without images or JavaScript
- Making a horizontal menu using CSS and lists
- Creating button-like navigation using CSS
⊕ See more
Unit 5: Tabular Data
- Adding borders to tables without using the HTML border attribute
- Displaying table rows in alternating colors
- Changing a table row’s background color on hover
⊕ See more
Unit 6: Forms and User Interfaces
- Styling form elements using CSS
- Applying different styles to fields
- Controlling white space and line breaks
- Using different colored highlights in select menu
- Highlighting the form field that the user clicks into
⊕ See more
Unit 7: Browser and Device Support
- Testing a site in different browsers
- Testing for browsers on different operating systems
- Installing multiple versions of Internet Explorer
- Hiding CSS from Netscape 4
- Hiding CSS from other browsers
- Understanding Internet Explorer’s Quirks Mode
- Creating a print style sheet
- Using alternate style sheets
- Making a style sheet switcher
- Using alternate style sheets without duplicating code
⊕ See more
Unit 8: CSS Positioning and Layout
- Deciding when to use a class and when to use an ID
- Inline element display as if it were block-level, and vice versa
- Margins and padding in CSS
- Stopping the next element moving up when you use float
- Aligning elements left and right without using a table
- Setting an item’s position on the page using CSS
- Cent ring a block on the page
- Creating a liquid, two-column layout (menu on the left, content on the right)
- Reversing this layout and putting the menu on the right
- Creating a fixed-width, centered, two-column layout
⊕ See more
