
Lecture Description
Ok ninja fledglings, it's time to take our CSS skills to the next level, so in this CSS tutorial we'll be introducing the.. Dun dun dun... BOX MODEL! The box model is a core concept within CSS that dictates the spacing of all of our HTML elements on the page, as well as element borders.
The box model is made up of the element's width, height, padding, border and padding.
Anyway, peace out, have fun & keep coding :).
SUBSCRIBE TO CHANNEL - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1
========== CSS for Beginners Playlist ==========
www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT
========== HTML Basics Course ==========
www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc
========== The Net Ninja ============
For more front-end development tutorials & to black-belt your coding skills, head over to - www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or thenetninja.co.uk
========== Social Links ==========
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!