04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

getting a feel for some other properties<br />

Property<br />

Soup<br />

Use color to set the font<br />

color of text elements.<br />

color<br />

This property controls the<br />

weight of text. Use it to<br />

make text bold.<br />

font-weight<br />

330 Chapter 8<br />

left<br />

This is how you tell an<br />

element how to position its<br />

left side.<br />

This property sets the<br />

space between lines in a<br />

text element.<br />

line-height<br />

Controls the<br />

position of the<br />

top of the<br />

element.<br />

margin<br />

top<br />

letter-spacing<br />

background-color<br />

This property controls the<br />

background color of an element.<br />

border<br />

This property puts a border around an<br />

element. You can have a solid border, a<br />

ridged border, a dotted border...<br />

font-size<br />

If you need space<br />

between the edge of an<br />

element and its content,<br />

use margin.<br />

Makes text bigger<br />

or smaller.<br />

text-align<br />

list-style<br />

<strong>CSS</strong> has a lot of style properties.<br />

You’ll see quite a few of these in<br />

the rest of this book, but have a<br />

quick look now to get an idea<br />

of all the aspects of style<br />

you can control <strong>with</strong> <strong>CSS</strong>.<br />

This lets you set the spacing<br />

between letters. L i k e t h i s.<br />

Use this property<br />

to put an image<br />

behind an element..<br />

Use this property to align your text<br />

to the left, center, or right.<br />

Use this property for<br />

italic or oblique text.<br />

font-style<br />

background-image<br />

This property lets you<br />

change how list items<br />

look in a list.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!