1. 공백처리

css는 html과 마찬가지로 공백을 규합합니다. 따라서 아래 사항중 어떻게 사용해도 무방합니다.

h1 {color: black;}
h1 {
    color: black;
}
h1 {
    color : black;}
h1 {
    border: solid 1px black;
}
h1 {
    border: 
        solid 
        1px 
        black;
}
h1 {
    border: 
        solid 
        1px 
        black
    ;
}

2. 주석

/* 한 줄, 여러 줄 모두 이렇게 사용합니다. */

3. 벤더프리픽스 (Vendor-Prefix)

벤더(브라우저 제조사)와 프리픽스(접두어)의 합성어입니다.

아직 비표준이거나 실험적인 CSS 속성을 특정 브라우저에서 실행할 수 있도록 CSS 속성 앞에 브라우저 제조사 만의 접두어(prefix)를 붙이는 문법을 의미합니다.

**-webkit-**transition: all 4s ease;
**-moz-**transition: all 4s ease;
**-ms-**transition: all 4s ease;
**-o-**transition: all 4s ease;
transition: all 4s ease;

벤더프리픽스의 종류

<aside> 💡 웹킷 기반 브라우저? 웹킷(Webkit)은 브라우저가 HTML, CSS를 화면에 그려줄때 사용하는 렌더링 엔진입니다. 크롬, 안드로이드, 사파리, ios 기반 파이어폭스 등 많은 브라우저들이 사용했습니다. 현재 크롬, 안드로이드, 오페라, 마이크로소프트 엣지 브라우저 등은 Blink 엔진으로 전환되었습니다. 참고로 Blink 엔진은 vendor-prefix가 존재하지 않습니다.

</aside>