CLASS와 ID
태그에 이름을 지어 선택자로 활용할 수 있다.
class와 id 차이점
class는 같은 이름을 사용할 수 있다.
html : class="" css 선택자 : .
id는 같은 이름을 여러번 사용할 수 없다.
html : id="" css 선택자 : # 프론트엔드 영역에서 많이 사용
이름 지을때 주의사항
영문부터 시작 해야한다. 숫자만 사용할 수 없다. 누구나 구분할 수 있도록 짓는게 좋다.
이름 짓기
두 단어 이상 -를 쓴다. → best-item
뒷 단어에 대문자 활용이 가능하다 → best-Item
"~안에 있는 ~"로 표현 가능하다. → best-item__text-box
띄어쓰기X, 총 2개가 되어버린다. → best item
inline - block 여백제거
젠코딩
힘이 강한 css
앵커 태그, 하이퍼 링크
'웹1' 카테고리의 다른 글
| 2023-05-19 브라우저에서 텍스트 취급 당하는 요소 가로 정렬 (0) | 2023.05.19 |
|---|---|
| 2023-05-18 앵커 태그, 하이퍼 링크 이어서, padding, 브라우저에서 도형 취급 당하는 요소 가로정렬 (0) | 2023.05.18 |
| 2023.05.16 자식 엘리먼트가 부모엘리먼트 보다 작을 때,같을때,inline-block 줄바꿈 조건,font-size (0) | 2023.05.16 |
| 2023-05-15 inline, inline-block , 상위 엘리먼트와 하위 엘리먼트를 부르는 명칭 (0) | 2023.05.15 |
| 2023.05.12 웹1 div, CSS 작성 방법 , body, 높이 속성, 너비 속성,block (0) | 2023.05.12 |