From the course: Making Sense of the CSS Box Model
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Changing the contents within the box - CSS Tutorial
From the course: Making Sense of the CSS Box Model
Changing the contents within the box
- [Instructor] Working from the inside out, the first thing we can do with the CSS box is change the appearance of the contents within the box itself. Because the nature of the box is mainly as a text layout tool, a large number of the properties we have available to us relate to how text is displayed. As you've seen before, the most basic change you can make to the contents in the box is changing the font. We can change the font family, providing either a single or a list of fonts for the browser to use. We can also change the font size, font weight, and font style from normal, to italic to oblique. We can also change the appearance of text in other ways. We've already talked about letter spacing and line height. There's also a word spacing property that adds space between each word. And we can align text left, center, right or justified, and add indentation to the first line with text indent. CSS can also be used…
Contents
-
-
-
-
-
(Locked)
What is the CSS Box Model?4m 50s
-
(Locked)
Changing the contents within the box2m 28s
-
(Locked)
Understanding the display porperty2m 43s
-
(Locked)
Sidebar: Images are inline elements2m 21s
-
(Locked)
Position is everything3m 4s
-
(Locked)
Floating and clearing content2m 40s
-
(Locked)
Using the clearfix2m 28s
-
(Locked)
Pseudo elements: Making the browser hallucinate2m 49s
-
(Locked)
-
-