[개발자 도구] class 확인하기

안녕하세요. 플입니다. 개발자 도구에서 클래스를 확인해볼게요. 1. 태그 선택 class를 확인하기 위해서는 class가 적용된 태그에서 확인해야겠죠? 클래스가 적용된 태그를 아무거나 선택해줍니다. 2. 클래스 보기 오른쪽에 css가 잔뜩 적힌 창이 있을 거예요. 그쪽에서 오른쪽 상단에 보시면 .cls이라고 적힌 글이 보이실 거예요. .cls는 class를 말해요. 꾹 눌러봅시다. 그러면 이렇게 사용된 클래스를 확인할 수 있어요. banner라는 클래스를 사용했네요. 여기서는 클래스 추가가 가능해요. 3. 클래스 체크 해제 체크박스를 해제하면 이렇게 클래스를 해제해볼 수 있어요. 해제하면 어떤 클래스에서 css가 적용된 건지 어디에서 오류가 생긴 건지 찾을 때 유용해요. 그럼 이만. 총총.

coding/개발 팁 · 2020. 5. 21. 07:30

[html] id / class 구분

안녕하세요. 플입니다. id와 class 속성은 어떤 점이 다를까요? 1. id id 속성은 identifier의 약자인데 '식별자'라는 뜻입니다. 식별을 위해서는 동일한 이름이 여러 개가 있으면 안 되겠죠. 그래서 id는 동일 이름이 한 html문서당 한 개만 사용하는 것을 권장합니다. 똑같은 이름을 여러 번 쓴다고 오류가 나는 것은 아니지만 나중에 본인이 짠 코드를 보기 어려워질 수 있습니다. 보통은 header와 footer에 id를 주로 쓰고 경우에 따라서 container에도 id값을 주기도 합니다. 2. class class는 id 이외의 요소에 스타일을 주고 싶을 때 주로 사용합니다. 예를 들어 gnb 같은 부분이 있겠죠. 또 선택자로 잡기 힘든 여러 군데 퍼져있는 요소에 동일한 스타일을 줄..

coding/html + css · 2020. 2. 12. 07:30