Simulating the CSS box model


show more Simulating the CSS box model provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design show less
please wait ...

Simulating the CSS box model

Regardless of whether or not you are adept at writing your own CSS and HTML, it is very important for you as a web designer to understand how both of those technologies work, especially when it comes to CSS. And so in this movie we're going to be exploring something called the CSS box model and how you can simulate that inside of Adobe Illustrator. And so here on my screen I have a little mockup of the CSS box model, and so basically what we're seeing here is how objects are interpreted on the web as CSS.

These are something that we call divs, and when you create a div on the Internet you have three basic areas that apply to that div. You have the inner portion here, which contains the content as you can see. We also have the out portion, which is something called padding, which helps create a little bit of space inside of the div to sort of cushion the content. That's why you can think of it as padding, it gives you cushion. And then on the outside, this red area...

Simulating the CSS box model
Video duration: 8m 11s 5h 27m Appropriate for all

Viewers:

Simulating the CSS box model provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design

Subjects:
Design Web
Software:
Illustrator
Author:
please wait ...