짱뚱짱.log

선택자(selector)란? 👉🏻요소를 선택하게 하는 이름선택자 {속성: 값;속성: 값;} 💎 기본 선택자태그 선택자(태그명) 👉🏻 같은 태그명을 모두 선택클래스 선택자(.클래스명) 👉🏻 같은 클래스를 가지는 모든 태그id 선택자(#id명) 👉🏻 한 문서 내에서 무조건 한 개만 사용(고유)💎 가상 선택자선택자:가상클래스명어떤 조건이나 상황에서 스타일을 적용하도록 만든 선택자앞에 다른 선택자가 오고, 뒤에 가상클래스 선택자가 추가로 나옴:hover 👉🏻 요소에 마우스를 올렸을 때:focus 👉🏻 요소가 포커스를 받고 있을 때:nth-child(a) 👉🏻 a번째 자식 요소 / :nth-of-type(a) 👉🏻 같은 타입 중 a번째 a번째에 해당하는 요소1 : 첫번째 요소eve..

🔷 CSShtml 요소에 스타일을 지정할 때 사용 (html만으로는 꾸미기가 어렵다)어떻게 입히느냐에 따라 적용 방법이 3가지로 나뉨. ✅ 방법 1. 인라인 스타일 (태그에 직접 작성)HTML 태그 안에 style=""로 바로 작성해당 태그 요소에만 적용재사용성이 낮음.적용되는 우선순위는 가장 높음.✅ 방법 2. 내부 스타일 (HTML 파일 안에 head 태그 안에 style 태그를 이용해당 페이지에만 적용재사용성이 중간연습할 때 자주 사용✅ 방법 3. 외부 스타일시트 (CSS 파일 따로 만들어 링크) test.html : style.css :input { width: 100px; height: 50px;}HTML과 CSS를 분리실무에서 가장 많이 쓰이는 방법여러 페이지에 적용 가능.유지보수가 편하..