Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
CSS powers the visual side of the internet, and anyone looking for a real understanding of web design must know what it can do and how it works. This Learning CSS3 Tutorial Course simplifies the standard of cascading style sheets into its most basic elements, and then gradually advances to help you gain a well-rounded understanding to creating layouts and stylistic elements for the web. This beginner-friend CSS3 training course is led by expert Geoff Blake, who draws from his background as a designer to help you see how various graphical elements and settings can work together to form a complete user experience. Because the training is built around CSS3, you'll also learn features that are specific to the newest standard of the style sheets protocol. Get ready to learn layout, layering, typography and special effects in this unique and engaging 8-hour course.
What You Will Learn
-How to create complete website layouts using Cascading Style Sheets (CSS) according to best-practice professional standards.
-How to manipulate and modify onscreen graphical elements within a site, including text, menus, lists, borders, and graphics.
-How to enhance a website's appearance with subtle special effects such as drop-shadows and transparency.
-How to use CSS in conjunction with standard HTML to develop and enhance pages and sites.
Who Should Take This Course
-Anyone who wants more control over the visual appearance of their current websites or ones they are planning to build. No experience is needed.
-Anyone who wants to know how HTML and CSS work together on modern pages and sites.
-Anyone who has tried working with CSS but found it difficult in the past.
What People Are Saying
"I knew some basic HTML but my layouts were flat and boring. Now that I understand layers and CSS it's a whole different ballgame. Thank you Geoff!"
"Coming from a graphics background, these videos helped me learn how to create artwork suited for the web...and even better, how to place them on my site for maximum effect."
"Loved the section on special effects and transparency...web design CAN be fun."
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction|
Working Files - Download These FirstPreview
What CSS Is And How It WorksPreview
CSS Rule StructurePreview
How Does CSS Fit Into Web DesignPreview
Choosing Your Coding ApplicationPreview
Getting Set Up
Working Between Code And Browsers
HTML Quick Review
Setting The HTML Doctype
Building The Files Structure
HTML And CSS References
|Section 2: Inline Formatting And Basic Font Formatting|
Introducing Inline Styles
Applying Multiple Properties
Pros And Cons Of Inline Formatting
Applying Inline Styles Using Span
Applying Basic Typefaces
Using Specific Fonts
Setting A Document Wide Font
Controlling Font Sizes
Applying Text Decorations
Applying Color To Text
|Section 3: Working With Selectors|
Creating A Basic Class Rule
Applying A Class Rule - Part 1
Applying A Class Rule - Part 2
Applying Multiple Class Rules To An Element
Editing And Removing Class Formatting
Converting Inline Formatting To A Class Rule
HTML Selectors - Part 1
HTML Selectors - Part 2
Combining Class And HTML Selectors
Creating And Applying ID Selectors
Working With Group Selectors
Formatting Using Pseudo Elements
Controlling Hyperlinks With Pseudo Classes
|Section 4: Understanding The CSS Box Model|
Introducing The CSS Box Model
Introducing DIV Elements
Getting Started With Borders
Setting Borders With Shorthand
Exploring Border Values
Setting Widths And Heights
Understanding Widths In CSS
Formatting Graphics - Part 1
Formatting Graphics - Part 2
Creating A Floating Sidebar - Part 1
Creating A Floating Sidebar - Part 2
Targeting Sidebar Content With Descendant Selectors - Part 1
Targeting Sidebar Content With Descendant Selectors - Part 2
Grouping Descendant Selectors
Applying And Formatting Background Graphics
Setting Backgrounds With Shorthand CSS
Creating An Alert Message
|Section 5: Controlling Table Formatting|
HTML Table Structure
Techniques For Formatting Table Structure
Formatting Table Contents
Formatting Specific Table Contents
Controlling Table Formatting With CSS - Part 1
Controlling Table Formatting With CSS - Part 2
Controlling Table Formatting With CSS - Part 3
Formatting Table Captions
|Section 6: Page Layout With Positioning And Layering|
Positioning Nested Elements
Further Positioning Of Nested Elements
Using Relative Positioning On Nested Elements
Fixed Positioning Techniques
Stacking Elements With Z-Index
|Section 7: Building A Layout With Floats|
Applying Floats To Multiple Objects
Spacing Apart Floating Elements
Creating The Rough Layout Structure
Applying Formatting To The Structure
Finishing Off The Layout
|Section 8: Formatting Lists And Creating A Navigation Bar|
The Two Common Types Of HTML Lists
Using CSS To Format Lists
Additional CSS Properties For Lists
HTML Structure For Navigation
Converting The List To A Menu With CSS
Creating CSS Rollovers
Additional CSS Button Effects
|Section 9: Deeper Into Typography|
Specifying A Font Fallback List
Additional Typography Techniques
Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.
The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.