Ega Prasetya

Posted on Oct 1, 2020

Tips And Tricks Write Less CSS

#css #webdev

Background

Font

Border

Outline

Margin

Padding

So how many do you use?

Top comments (5)

perpetual . education • Oct 1 '20

In almost all cases besides borders and margins, we prefer longhand. The short hand overrides everything - and it can really cause havoc when you're using the cascade.

Ega Prasetya • Oct 1 '20

nice one

perpetual . education • Oct 2 '20

For example

.thing {
  background-position: whatevers;
}

@media (min-width: 600px) {
  background: red; /* removes the position */
}

and in general... "Writing too much CSS" isn't a problem. Your coworkers not being able to read your CSS is the problem.

Shivam Shekhar • Oct 1 '20

Thanks! This was really helpful and time-saving.

Ega Prasetya • Oct 1 '20

you are welcome bro..

DEV Community

Tips And Tricks Write Less CSS

Background

Font

Border

Outline

Margin

Padding

Top comments (5)

Read next

Functional templates with the Sempare Template Engine for Delphi

What is SCIM Provisioning: In-Depth Guide [2024]

CodeBehind 3.7 Released

Congrats to the Wix Studio Challenge: Community Edition Winner!