CSS 2/3
by James Street
Start the free chapterCascading Style Sheets is a fundamental technology of web design, and knowledge of how CSS works is essential. Regardless of whether you are using the most recent cutting-edge web authoring tool or just a plain text editor, you have to know your CSS. This VTC course provides users with a thorough examination of CSS2 with web design in mind. Ranging from fundamental concepts and hands-on application of techniques to advanced topics on Javascript & CSS and CSS3, James Street guides the way through this project-based training course. Work files are included. To begin learning today, simply click on the movie links.
Course content
Introduction5 lessons
What is CSS?5 lessons
CSS Fundamentals9 lessons
Selectors11 lessons
- DOM Basics5:521 credit or ad
- Type & Descendent7:521 credit or ad
- Universal5:321 credit or ad
- Attribute pt. 15:081 credit or ad
- Attribute pt. 23:331 credit or ad
- Child & Sibling5:291 credit or ad
- Class7:431 credit or ad
- ID5:191 credit or ad
- Pseudo-Class7:271 credit or ad
- Pseudo-Element2:591 credit or ad
- Combinations4:031 credit or ad
Properties & Common Property Values10 lessons
- Introduction to Properties3:331 credit or ad
- Web Safe Color3:561 credit or ad
- Color Keyword1:531 credit or ad
- RGB Color5:591 credit or ad
- Hexadecimal Color5:381 credit or ad
- Measurement Systems Absolute pt. 15:171 credit or ad
- Measurement Systems Absolute pt. 23:221 credit or ad
- Measurement Systems Relative pt. 14:011 credit or ad
- Measurement Systems Relative pt. 24:511 credit or ad
- URL5:081 credit or ad
The Cascade3 lessons
Typography16 lessons
- Introduction to Typography6:011 credit or ad
- Font Families7:211 credit or ad
- Color pt. 17:091 credit or ad
- Color pt. 25:481 credit or ad
- Font Style4:531 credit or ad
- Font Weight5:351 credit or ad
- Font Sizes Recap4:111 credit or ad
- Font Sizes Keywords5:491 credit or ad
- Applying Sizes pt. 16:241 credit or ad
- Applying Sizes pt. 25:121 credit or ad
- Font Spacing6:201 credit or ad
- Font Casing4:521 credit or ad
- Text Decoration4:581 credit or ad
- Vertical Spacing7:081 credit or ad
- Font Shorthand6:101 credit or ad
- Paragraph-Level Formatting5:591 credit or ad
The Box Model14 lessons
- The Box Model Concept3:121 credit or ad
- Different Kinds of Boxes pt. 14:391 credit or ad
- Different Kinds of Boxes pt. 23:241 credit or ad
- Applying Display3:291 credit or ad
- Size & Overflow6:391 credit or ad
- Applying Size6:411 credit or ad
- Padding4:441 credit or ad
- Applying Padding pt. 15:091 credit or ad
- Applying Padding pt. 25:291 credit or ad
- Border6:111 credit or ad
- Applying Border3:001 credit or ad
- Margin pt. 15:261 credit or ad
- Margin pt. 26:141 credit or ad
- Margin pt. 34:581 credit or ad
Approaches to Web Layout12 lessons
- Styles of Layouts5:141 credit or ad
- Basic Float Layout Options5:501 credit or ad
- Float Basics pt. 16:051 credit or ad
- Float Basics pt. 28:071 credit or ad
- Applying Float-based Layout6:571 credit or ad
- Positioning Basics pt. 14:031 credit or ad
- Positioning Basics pt. 24:191 credit or ad
- Positioning Basics pt. 36:001 credit or ad
- Positioning Basics pt. 42:561 credit or ad
- Relative Positioning & Z-Index5:361 credit or ad
- Positioning & Overflow7:101 credit or ad
- Applying Absolute Positioning Layout4:391 credit or ad
Lists5 lessons
CSS Images11 lessons
- Images Using CSS3:591 credit or ad
- Background Options pt. 16:491 credit or ad
- Background Options pt. 24:211 credit or ad
- Applying Background pt. 16:021 credit or ad
- Applying Background pt. 26:511 credit or ad
- Applying Background pt. 35:221 credit or ad
- Applying Background pt. 46:541 credit or ad
- Applying Background pt. 51:341 credit or ad
- Scriptless Image Rollovers6:441 credit or ad
- Rounded Corners pt. 14:011 credit or ad
- Rounded Corners pt. 27:121 credit or ad
Tables8 lessons
- CSS Table Options5:551 credit or ad
- Border Collapse Conflict Resolution4:401 credit or ad
- Styling a Table & Rows pt. 14:241 credit or ad
- Styling a Table & Rows pt. 25:231 credit or ad
- Styling a Table & Rows pt. 34:151 credit or ad
- Styling Table Cells pt. 14:421 credit or ad
- Styling Table Cells pt. 26:041 credit or ad
- Creating a Pure CSS Table7:051 credit or ad
Forms4 lessons
User Interface4 lessons
Media Types8 lessons
- Accessibility6:201 credit or ad
- Setting Up Print Styles3:521 credit or ad
- Paged Media Basics6:431 credit or ad
- Formatting for Print pt. 15:471 credit or ad
- Formatting for Print pt. 25:281 credit or ad
- Formatting for Print pt. 35:341 credit or ad
- Page Breaks pt. 15:471 credit or ad
- Page Breaks pt. 24:271 credit or ad
CSS & Javascript5 lessons
CSS313 lessons
- Overview4:441 credit or ad
- Selectors6:051 credit or ad
- Applying Selectors6:021 credit or ad
- Opacity5:281 credit or ad
- New Color Models5:591 credit or ad
- Applying Color Options6:271 credit or ad
- Border Colors4:291 credit or ad
- Applying Border Colors4:551 credit or ad
- Border Radius5:431 credit or ad
- Box Shadows5:391 credit or ad
- Text Shadows4:571 credit or ad
- Multi-column Layout4:341 credit or ad
- Web Fonts6:271 credit or ad