속성 선택자란? 모든 HTML은 태그로 이루어져 있습니다. 이 HTML을 꾸며주는 것이 CSS의 역할입니다. CSS는 HTML의 태그를 선택해서 꾸며줍니다. 이때, HTML의 속성과 속성값을 이용해서 HTML 태그를 선택하는 것이 속성선택자입니다. 속성 선택자를 사용하면 속성(attribute)을 통해 어떤 것이든 선택할 수 있게 해줍니다. 아래 예시를 통해 속성 선택자를 알아보겠습니다. 기초 사용법(예시) CSS부분의 input[type="text"] 부분이 속성 선택자입니다. See the Pen attribute_selector_base by netsus (@netsus) on CodePen. input 태그에 type 속성을 주고, 그 값을 text로 한 뒤에, 속성 선택자를 사용하여 배경색(ba..
선택자란? HTML을 구성하는 모든 것은 태그(tag)입니다. HTML 태그들이 정보를 표현하는 역할을 하는 것입니다. 그런데 HTML 태그만 있다면, 그냥 하나의 문서처럼 보일 것입니다. 웹 사이트가 보기 좋고, 예쁜 것은 CSS가 HTML을 꾸며주기 때문입니다. CSS가 HTML을 꾸미기 위해선 태그를 '선택'해야 합니다. 이 때 사용되는 것이 선택자(Selector)입니다. 선택자 종류 3개 기본적인 선택자는 크게 3종류로 태그 선택자, 클래스 선택자, ID 선택자입니다. 태그 선택자(Tag selector) HTML 태그를 선택합니다. ex) HTML의 모든 div 태그에 대해 색깔을 파란색으로 지정합니다. See the Pen zYBrGgJ by netsus (@netsus) on CodePen..
