Solution: CSS graphics

- So how did you do and what did you come up with?…Well, I'll show you where I went…with this particular problem, and, first of all, I changed…the font family to the generic cursive property,…so it all had that hand-written feel about it.…So if I just change that like so, you'll see that…everything inside the div changes, so that's great.…It's got that sort of map-like quality.…And, also, I aligned everything to the center as well,…so pretty much as I did with the h1s…just in the line above.…

So if I just do that and also center that like so,…so that lines up nicely.…Once I've done that, I then concentrated on dropping in…some background color and some margins, et cetera,…so let's put a bit of background color on first.…So if I just do background-color just here.…Remember, you need to paint wall anyway,…so I'm just going to do my pound sign.…And then I don't need to do EEEEEE…because, remember, they're equal,…so I can just change those to EEE like so,…so now I can see the background color on that.…

Once I can do that, I can mess with the margins.…

Resume Transcript Auto-Scroll

Author

Released

9/11/2015

With HTML as the underpinning of every EPUB, CSS is the best and most flexible way to visually present your ebook exactly as you want. This course is an overview of CSS styling for EPUBs. Tony Harmer begins with the basics: what CSS is, how to write rules, and which selectors to use to target the individual elements of an EPUB. He then moves onto styling text and incorporating graphics. It all wraps up with a set of challenge and solution videos to test your learning, and some advanced skills to bring your EPUB to the next level.

NOTE: The techniques shown are designed to help members create reflowable EPUBs with CSS 2.1. There is some CSS3 for creating fixed-layout EPUBs covered, but the majority of the tutorials concentrate on CSS 2.1.