Things I Wish I’d Known About CSS

Shared by
Ben Marshall
Comments
Start the Conversation
Published
See the original article on CSS for Designers

Some useful things to understand before starting out with CSS. By Dave Smyth.

If you’re new to CSS or a designer diving into web design, check out this article by Dave Smyth, Things I Wish I’d Known About CSS.

Here’s a quick peek:

  • Block, inline and inline-block
  • Images are inline
  • How height and width are calculated
  • Padding & margin aren’t the same
  • Margins collapse
  • Browsers have a default stylesheet
  • Use relative units everywhere
  • ::before and ::after need content
  • The ch unit
  • Normal flow
  • Styling :focus states
  • :nth-child()
DNS Manager
UI Manager

Join the conversation.

Your email address will not be published. Required fields are marked *

All comments posted on 'Things I Wish I’d Known About CSS' are held for moderation and only published when on topic and not rude. Get a gold star if you actually read & follow these rules.

You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.

Want to tell me something privately, like pointing out a typo or stuff like that? Contact Me.

It's a fast-moving industry, stay up-to-date.

It can be hard to keep up — I’m still learning new things every day. Make it easier by signing up for my hand-written newsletters. And don’t worry, I hate spam just as much as you and will NEVER share your information with anyone.

👋  Howdy! My name is Ben Marshall & I’ve been developing websites for over 20 years. I specialize in WordPress development, SEO strategy & LOVE what I do. Familiar with CSS-Tricks? … you should be, my site’s design was heavily inspired by it — hope you like it.

I build websites for both small mom & pop shops to large Fortune 500 companies. In addition to freelance work, I also have a full-time position at the New York-based Entermedia agency. Need a site, help with an existing one or a boost in search engines? I’m your guy, contact me today!

Are you a non-profit or organization helping the community and in need of a site? I offer heavily discounted services — sometimes free — to worthy causes.

But wait… there's more.