Sign in to queue

Description

This lesson makes the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model and this lesson provides that background as well as an overview of the CSS3 properties for properly styling block-style elements.

Download the source code for CSS3 Box Properties

Tag:

HTML5

Embed

Download

The Discussion

  • User profile image
    Erik​Nieuwenhuis

    Great tutorial and perfect explanation. Best regards. 

  • User profile image
    BobTabor

    @ErikNieuwenhuis: Thanks Erik!  Warm regards to you, too.

  • User profile image
    ben

    Thanks for the tutorials, Bob. Just started going through it.
    By the way, can you post a tutorial to tableless layout design? Or is there already?

  • User profile image
    BobTabor

    I address that specifically in the very last video, talking about Responsive web design.  I think your best bet is to try Twitter's Bootstrap CSS library ... see that final video in this series for more details.  Best wishes!

  • User profile image
    Sarah

    Really Really , Thank you

  • User profile image
    Todd Harris

    I really appreciate this series, thanks! I also very much like the binary clock!

  • User profile image
    BobTabor

    @Sarah: @Todd Harris: Thanks!  I ask my kids' friends if they can figure out how it works ... they stare at it for a while ... it's a good way for me to introduce the magic of computers to them in terms they can understand.

  • User profile image
    Mahdi Mollaeian

    Thanks Dear Bob.

  • User profile image
    Brian

    Hi, sorry, I know this was put out like 5 years ago, but, just wondering, with regards to Example 14, setting the width of the outline to 10px does not increase the overall dimension of the box or block? I'm confused by this because intuitively it seems like it would. Thanks.

Add Your 2 Cents