[부스트코스]웹 프로그래밍 기초, 7)선택자(selector_Class와 Id)

kanamycine·2020년 2월 11일
0

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에 대해서 알아보았습니다. 감사합니다 :)

profile
식물생명공학을 전공하고있는 개발자 지망생 :)

0개의 댓글