Things I wish I’d known about CSS

#1

Post by harshamv22 » Fri, Jul 17, 2020, 8:17 AM UTC

Things I wish I’d known about CSS
cssfordesigners.com

Re: Things I wish I’d known about CSS

#2

Post by maweki » Fri, Jul 17, 2020, 8:53 AM UTC

I think a better understanding between inline and block is, that inline-elements do not generate a block. The idea of a block breaks down for inline elements, especially when they go over multiple lines. It's not just a horizontal expansion.

So understand what creating a block means. Inline-elements don't.

Re: Things I wish I’d known about CSS

#3

Post by yakshaving_jgt » Fri, Jul 17, 2020, 8:57 AM UTC

Cached URL since the server is apparently over capacity: https://webcache.googleusercontent.com/search?q=cache:jcSTVF...

Re: Things I wish I’d known about CSS

#4

Post by peter_retief » Fri, Jul 17, 2020, 9:06 AM UTC

yakshaving_jgt wrote: post #3

Cached URL since the server is apparently over capacity: https://webcache.googleusercontent.com/search?q=cache:jcSTVF...

Thanks, clearly many people want to have a look.

Re: Things I wish I’d known about CSS

#5

Post by blue1 » Fri, Jul 17, 2020, 9:09 AM UTC

IIRC, vertical margins collapse, horizontal margins do not

Re: Things I wish I’d known about CSS

#6

Post by steve_adams_86 » Fri, Jul 17, 2020, 9:10 AM UTC

I’ve always thought of ch as a unit intended for monospaced fonts or languages with monospaced characters. Does anyone know of any other practical uses?

Re: Things I wish I’d known about CSS

#7

Post by ChrisMarshallNY » Fri, Jul 17, 2020, 9:10 AM UTC

That’s useful.

Some time ago, I wrote up a series about CSS. It’s still quite relevant (but CSS has come quite a ways, since then).

The thing I’ve found that is often misunderstood, is specificity. It’s a fairly non-trivial concept: https://littlegreenviper.com/miscellany/stylist/introduction...

Re: Things I wish I’d known about CSS

#8

Post by xanathar » Fri, Jul 17, 2020, 9:17 AM UTC

Ends up to a page saying "The page you requested does not exist".

...which kinda reflects "things I wish about CSS", so 10/10.

Re: Things I wish I’d known about CSS

#9

Post by swyx » Fri, Jul 17, 2020, 9:17 AM UTC

maweki wrote: post #2

I think a better understanding between inline and block is, that inline-elements do not generate a block. The idea of a block breaks down for inline elements, especially when they go over multiple lines. It's not just a horizontal expansion. So understand what creating a block means. Inline-elements don't.

how does this help explain inline-block? your explanation must accommodate the holes.

Re: Things I wish I’d known about CSS

#10

Post by baxtr » Fri, Jul 17, 2020, 9:19 AM UTC

Side note: that’s a great marketing headline!