2015
Lynda
Tony Harmer
3:04
English
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.
Introduction
Welcome
What you should know before watching this course
Quick references
Using the exercise files
1. The Fundamentals
What is CSS?
Understanding the relationship between CSS and EPUB
Understanding the concept of inheritance
Taking a look at the basic anatomy of a CSS rule
Working with three basic CSS selectors
Working with more advanced compound selectors
Targeting elements with group selectors
Understanding descendant selectors
Using classes and IDs with compound selectors
Discovering how Cascading Style Sheets are implemented
Incorporating @ directives in CSS
Understanding fixed and relative units
Understanding the CSS box model
Including comments inside CSS
Writing more efficient code with shorthand notation
2. Working with Text
Understanding the special environment of the EPUB reading system
Looking at the essential text-related properties
Working with sizing
Working with alignment
Including margins and padding
Styling a heading
Working with fine typographic controls
Including paragraph indents
Handling text hyphens, widows, and orphans
Working with additional font properties
3. Working with Graphics
Specifying colors in CSS
Incorporating document borders
Using CSS to include images
Working with background properties
Challenge: CSS graphics
Solution: CSS graphics
4. Diving Deeper
Styling lists
Challenge: Styling a list
Solution: Styling a list
Writing smarter rules
Understanding the concept of positioning
Positioning: Relative
Positioning: Absolute and fixed
Positioning: Float
Clearing floats
Working with some clever CSS selectors
Incorporating page breaks
Figuring out CSS support levels on specific devices
Challenge: Funky floats
Solution: Funky floats
Conclusion
Next steps
Download File Size:535.27 MB
|
