infinnie/You-Dont-Know-CSS

Yet another book

You Don’t Know CSS

I don’t know CSS. Neither do I know whether you do.

Like many other subjects of this world, CSS is an art of combinations. Things could get complex and counter-intuitive when combined. Therefore goes YDKCSS.

This book is intended to be open-access and community-contributed. Feel free to submit content requests, contents and demos in issues.

The title of this book is inspired by You Don’t Know JS, written by @getify.

Contents (planned)

• Box model
  • Inline, line and block boxes
  • Block formatting context (BFC)
• Stacking and stacking contexts
  • position: fixed
  • opacity—IE and Edge compatibility
• Form elements
  • box models
  • -moz- and -webkit-appearance
• vertical-align
  • inline-blocks and inline replaced elements
    • The effect of overflow: hidden on inline-blocks
  • types of values
    • line-height and vertical-align
• Word-break and word-wrap
• Typography
  • CJK typography
  • Web fonts
• Browsers with unexpected problems

Selected sections

• https://en.wikipedia.org/wiki/User:Sky6t/sandbox#Stacking —on stacking and stacking contexts (demos and draft from my Wikipedia page)

Works by others that’ve inspired me

• http://www.zhangxinxu.com/wordpress/2015/11/diff-word-break-break-all-word-wrap-break-word/ —on word-break, by Xinxu Zhang
• http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/ —on line-height and vertical-align, by Xinxu Zhang
• xieranmaya/blog#4 —Google Photos layout in pure CSS, by Ran Xie