본문 바로가기
반응형

selector3

CSS 선택자 part. 2 - 인접 선택자, 직계자손 선택자, 속성 선택자 인접 선택자, 직계 자손 선택자, 속성 선택자 이전 포스팅에서는 ID 선택자, Class 선택자, 자손 선택자에 대해서 살펴보았습니다. CSS 선택자 part. 1 - ID 선택자, Class 선택자, 자손 선택자 CSS 선택자 part. 1 - ID 선택자, Class 선택자, 자손 선택자 ID 선택자, Class 선택자, 자손 선택자 CSS 기능을 가지고 스타일링을 하는 단계로 접어들면, 선택자(Selector)라는 낯선 도구를 만나게 됩니다. 그런데 이 선택자들은 HTML 요소들에 대한 핸들링을 매 kincoding.com 이번 포스팅에서는 더 재미있는 형태로 사용할 수 있는 인접 선택자, 직계 자손 선택자, 속성 선택자들에 대해서 각각 비교해보고 정리를 해보도록 합시다. 물론 이들은 part. 1.. 2023. 1. 19.
CSS 선택자 part. 1 - ID 선택자, Class 선택자, 자손 선택자 ID 선택자, Class 선택자, 자손 선택자 CSS 기능을 가지고 스타일링을 하는 단계로 접어들면, 선택자(Selector)라는 낯선 도구를 만나게 됩니다. 그런데 이 선택자들은 HTML 요소들에 대한 핸들링을 매우 편리하게 만들어주는 중요한 것들이죠. 낯설다고 그냥 넘어가지 말고, 이 참에 각각 비교해보고 정리를 해보도록 합시다. 아이디 선택자(ID Selector) 아이디 선택자는 CSS에서 가장 기본이 되는 선택자입니다. 선택자 우선 순위가 가장 높기도 하고 id는 웹문서에 1개만 존재할 수 있다는 점 때문에, 프론트 엔드 개발을 하면서 가장 빈번하게 사용되는 CSS Selector가 됩니다. 사용법은 다음과 같습니다. KINcoding 클래스 선택자(Class Selector) 클래스 선택자 또.. 2023. 1. 18.
CSS 선택자? 우선 '#', '.' 2개만 기억하세요 CSS 선택자(CSS Selector) CSS는 뼈대를 이루는 HTML 문서에 피부(또는 옷)를 입히는 역할을 해줍니다. 예쁘게 꾸며주는 역할을 합니다. 그래서 원하는 곳에 변화를 잘 주려면, 원하는 위치를 잘 콕~ 찝어 내는 게 중요해집니다. 프로그래밍 혹은 코딩이라는 건 결국 컴퓨터를 시켜서 '손 안대고 코를 푸는 것'입니다. 그래서 CSS를 이용해서 스타일링을 할 때에도 '무언가를 선택하는 일'은 매우 중요한 기능이 됩니다. section과 div 사용해서 의미론적으로 구분해보기 누구나 잘 알고 있는 를 이용해서 간단하게 HTML 문서를 마크 업 해보았습니다. 이번에는 section, div를 사용해서 의미론적으로 구분을 해볼 수 있도록 했습니다. 애국가 동해물과 백두산이 마르고 닳도록 하느님이 보.. 2023. 1. 12.
반응형