
Lecture Description
Yo my fellow web ninjas! In this CSS tutorial for beginners we're going to explore what a block-level element is. I've mentioned already that the box-model governs the spacial properties (padding, margin, width, height & border) of all block-level elements, but not yet talked about what a block level element is!
A block level element is one which occupies the full horizontal width of its parent element.
An in-line element stacks from left to right... IN LINE. Hence the name :P. Box model properties do not apply to in-line elements, but we can set the display types of these elements to inline-block, so that we can control the spacial properties of them too!
Anyway, peace out, have fun & keep coding :).
LINK TO LIST OF BLOCK-LEVEL AND IN-LINE ELEMENTS - www.w3resource.com/html/HTML-block-level-and-inline-elements.php
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!