들어가기 전에
CSS의 속성은 그 종류가 매우 다양하고, 지속해서 업데이트 되고 있습니다.
기존의 속성 명이 변경되기도 하고, 속성이 스펙아웃 되기도 하며, 새로운 속성이 추가되기도 합니다.
이러한 잦은 변화로 인해 CSS 관련 서적이나 강의를 통해서 모든 속성을 파악하는 데는 어려움이 있습니다.
다양한 변화에 대해 어떤 방식으로 대응하고 학습하면 좋을지 알아보도록 하겠습니다
학습하기
들어가기 전에
CSS의 속성은 그 종류가 매우 다양하고, 지속해서 업데이트 되고 있습니다.
기존의 속성 명이 변경되기도 하고, 속성이 스펙아웃 되기도 하며, 새로운 속성이 추가되기도 합니다.
이러한 잦은 변화로 인해 CSS 관련 서적이나 강의를 통해서 모든 속성을 파악하는 데는 어려움이 있습니다.
다양한 변화에 대해 어떤 방식으로 대응하고 학습하면 좋을지 알아보도록 하겠습니다
학습하기
CSS Reference를 통해 확인 가능한 사항들은 다음과 같습니다.
정의 | 해당 속성이 어떤 변화를 일으키고 어떻게 동작하는지 파악할 수 있습니다.
|
문법 | 해당 속성값을 어떤 식으로 나열하여 사용하는지를 파악할 수 있습니다. |
속성 값 | 해당 속성이 인식하여 적용할 수 있는 값의 형태나, 키워드 등을 파악할 수 있습니다.
|
지원 범위 | 해당 속성이 정의에 맞게 동작 가능한 CSS 버전, 브라우저별 버전을 확인할 수 있습니다.
|
예제 | 문법과 속성값을 바탕으로 실제로 속성을 동작하는 예제 코드를 확인할 수 있습니다. |
참고 사항 | 해당 속성에 대해 특이사항이나 버그에 대해서 확인할 수 있습니다. |
참고자료
https://www.w3.org
https://www.w3schools.com
https://developer.mozilla.org
comment
0207 우와..정말 설명 섬세하게 잘해주시네요..강의가 정말 좋아서 이렇게 오랜만에 길게 댓글 남깁니다. 정말 감사합니다! ^^
2023. 02. 05
CSS 속성 정의 및 Syntax 확인 방법
- w3schools : 속성의 간단한 스펙과 예제 확인에 유용
- MDN : 개발적 버그, 추가적인 스펙 확인에 유용
- w3c.org : 스펙 문서를 통한 깊이 있는 원리 확인
실무 할 때 프로젝트 브라우저 지원 범위 반드시 확인한 후,본인이 사용하는 CSS가 해당 브라우저 지원 범위에 있는지 체크
initial : 초깃값, 속성의 기본값으로 초기화 (IE에서는 지원 X)
inherit : 부모 요소의 속성 값을 상속함.
수강완료
11-27일!
강사님, 앞에서 강의 들으면 참고 문서로 많이 나왔던 부분인데 이해가 안 되어 어떻게 활용할지 몰랐는데 자세히 설명해 주셔서 감사합니다. 앞으로 공부하면서 적극 활용할 수 있을 것 같네요.
21.08.03.
21.06.24
21.03.27
21.01.09
새로운 강사님 잘부탁드립니다!