비전공자를 위한 HTML/CSS- 속성 정의와 구문

CSS Reference를 통해 확인 가능한 사항들은 다음과 같습니다. 

 

정의	해당 속성이 어떤 변화를 일으키고 어떻게 동작하는지 파악할 수 있습니다. 기본 값 상속 여부 애니메이션 가능 여부 사용 가능한 CSS버전
문법	해당 속성값을 어떤 식으로 나열하여 사용하는지를 파악할 수 있습니다.
속성 값	해당 속성이 인식하여 적용할 수 있는 값의 형태나, 키워드 등을 파악할 수 있습니다. Initial : 초기값, 즉 속성의 기본값으로 정의 (ie에서 지원하지 않음) Inherit : 부모 요소의 해당 속성 값을 적용 (상속 가능할 요소일 경우) 즉, 상속이 불가능한 속성일 경우에는 적용 되지 않습니다.
지원 범위	해당 속성이 정의에 맞게 동작 가능한 CSS 버전, 브라우저별 버전을 확인할 수 있습니다. 어떤 브라우저의 어떤 버전이냐에 따라 같은 값이어도 다르게 렌더링 될 수 있으므로, 현재 프로젝트의 사용자 제공 지원 범위를 잘 확인하고 적용해야 합니다.
예제	문법과 속성값을 바탕으로 실제로 속성을 동작하는 예제 코드를 확인할 수 있습니다.
참고 사항	해당 속성에 대해 특이사항이나 버그에 대해서 확인할 수 있습니다.

 

---

 

참고자료

 

 

World Wide Web Consortium (W3C)

https://www.w3.org

CSS 속성을 정의하는 W3C에서 제공하는 사이트이므로 가장 정확합니다.

 

W3Schools Online Web Tutorials

https://www.w3schools.com

간단하게 스펙과 예제를 확인하는데 용이합니다.

 

MDN Web Docs

https://developer.mozilla.org

개발적 버그나 추가적인 스펙에 대해서 확인하는데 용이합니다.