Id선택자와 Class선택자, 대체 뭐가 다른 거야?
·
코딩/CSS
안녕하세요~! 오늘은 CSS에서 자주 쓰이는 선택자 중 id선택자와 class선택자에 대해 알아보겠습니다. 일단 선택자가 무엇인지 알아볼까요? ✅선택자 선택자란 CSS로 UI의 어느 부분을 디자인할지, 즉 표현할 대상이 되는 부분을 말합니다. CSS로 속성을 부여하는 형식은 밑의 이미지를 참고해주세요. 요소를 선택하는 방법, 즉 선택자의 종류는 type 선택자, id 선택자, class 선택자 등 여러 가지가 있습니다. 그 중에서도 id 선택자와 class 선택자가 무엇인지, 둘의 차이점은 무엇인지 알아보겠습니다. ✅id 선택자 HTML 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있습니다. HTML 요소에 id로 이름을 붙일 때에는 유일한 이름을 부여해야 하며, 다른..
CSS의 표현 방법? 4가지만 알면 됩니다!
·
코딩/CSS
안녕하세요, 오늘은 CSS의 표현 방법들을 알아보겠습니다~! 총 4가지가 있더군요~ 일단 CSS를 정의하는 방법을 알아야하는데요~ 내부 스타일시트, 외부 스타일시트, 인라인 스타일시트 등이 있습니다. 실제로는 외부 스타일시트를 많이 사용하는 편이지만, 간단한 건 내부 스타일 시트로만으로 사용할 수 있습니다. 또한, 인라인 스타일시트는 대체로 사용하진 않지만, 가장 우선순위가 높아 꼭 필요할 경우엔 편리하게 사용 가능합니다. 참고로 CSS에서의 주석은 /* */로 표현한다는 것! 이제 차근차근 하나씩 살펴볼게요~ 💥내부 스타일시트 CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함께 저장되도록 하는 형태입니다. 예제1) Web2023_기초부터 쌓는 CSS 💥외부 스타일시트 스타일 ..
다쭐◠‿◠
'코딩/CSS' 카테고리의 글 목록 (2 Page)