HTML & CSS

Things to have in mind in HTML and CSS programming

#1. REMEMBER to ORDER things.

#2. THINK PRIOR to PROGRAMMING.

 

First, in HTML, you should think of how things are in a hierarchy and then program semantically.

Also, keeping the CSS in mind, one should name classes and ids accordingly.

When doing the CSS, the naming and priority should be put in mind as well.

 

Semantic Naming

Semantic classes don't convey their styles, but that's fine—that's what CSS is for. Semantic classes mean something to HTML, CSS, Javascript and automated functional tests.

 

Font Weight

400: normal weight

700: bold

300: light

 

Word Spacing

Note that it’s good to use em values in this case because em is dynamic — for word spacing, it sets the spacing based on the size of the font.

줄 간격이 아니라 단어 사이의 간격