
Lecture Description
Yo ninjas, in this CSS for Beginners tutorial we'll take a look at how NOT to apply CSS to your HTML (99% of the time, at least :) ). This includes the yucky in-line style approach, where we apply CSS styles directly to the tags themselves via the 'style' attribute, and embedded styles in the head of the document.
In the next movie we'll take a look at External Style Sheets and why they're sooo much better :).
HTML Basics Attributes video - www.youtube.com/watch?v=IJWcX2EDAKg&list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc&index=3
For the whole CSS tutorial playlist visit - www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT
For the HTML Basics Course - www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc
For more front-end development tutorials & to black-belt your coding skills, head over to - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or thenetninja.co.uk
Twitter - @TheNetNinja - twitter.com/thenetninjauk
Course Index
- Introduction to CSS
- What is CSS?
- Default Browser Styles
- Basic CSS Syntax
- Inline & Embedded Styles
- External Style Sheets
- CSS Comments and Where to Use Them
- Targeting Elements with CSS
- Targeting Classes and ID's
- CSS Conflicts & the Cascade
- Inheritance
- Selector Specificty
- The Important Declaration
- Targeting Multiple Elements
- Descendant Selectors
- Child Selectors
- Adjacent Selectors
- Attribute Selectors
- Pseudo Selectors
- Hover, Active & Visited Effects
- First & Last Child Selectors
- First & Last of Type Selectors
- nth Child Selectors
- nth of Type Selectors
- Combining Selectors
- The Universal Selector
- Font Size
- Font Family
- Text Decoration
- Font Weight
- Text Transform
- Text Colour
- Styling Links
- Letter Spacing & Line Height
- Paragraph Spacing
- The Box Model
- Margins
- Padding
- Padding & Margin Long-hand
- Borders
- Block-level Elements
- Width & Height
- Rounded Corners
- Backgrounds
- Background Shorthand
- Multiple Backgrounds
- Color
- Opacity
- CSS Gradients
- Box Shadow
- Browser Support
- CSS Website Build (Part 1)
- CSS Website Build (Part 2)
Course Description
Hey Ninjas, welcome to your very first CSS for Beginners tutorial!