7번째 포스팅입니다. 이 글을 Edwith에서 주관하는 boost course 대학생 서포터즈의 활동의 일환입니다 ! 양질의 강의를 무료로 제공하는 ediwth boost course에서 웹 프로그래밍을 공부를 시작해 보세요 !
1. 웹 프로그래밍 기초
7) Class와 Id
오늘은 선택자가 무엇인지와 종류를 알아보는 시간을 갖겠습니다!
class와 id
ID = identifier -> 고유한 값, 하나만 써야합니다.
(두 개를 쓴다고
해서 오류가 발생하지는 않기 때문에 개발자들이 의도적으로 하나만 쓰려고 노력 해야합니다.)
고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이합니다.
ex) 페이지 내의 하나 밖에 없을 것 같은 것들 footer container header 등과 같은 곳에는 ID를 사용해주세요.
class = 중복해서 여러군데에 쓸 수 있는 속성
하나의 태그에 여러개의 다른 Class 이름을 공백을 기준으로 나열 할 수 있으며, 홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해 class의 사용이 필수적입니다 !
ex) news와 같은 비슷 비슷한 목록들에게 사용합니다.
비슷한 스타일을 여기저기에 같이 표현하기 위해서 사용합니다.
좋은 class 이름을 짓는 규칙 ?
디버깅 시간을 절약 할 수 있는 CSS 선택자 명명 규칙
선택자의 네이밍을 잘 할 수 있는 방법을 구글링하다가 좋은 포스트를 발견하여 첨부하였습니다.
오늘은 선택자인 Class와 id에 대해서 알아보았습니다. 감사합니다 :)
