선택자2 다양한 css 선택자 기본형예시 후손선택자: 공백으로 구분하며 어떤 부모태그 안에 해당 자식태그가 들어있으면 몇 개층 아래에 있던지 상관없이 모두 선택한다.부모태그 자식태그 {속성: 값;}div h2{} 자손 선택자: 부모 태그 안에 있는 자식 요소를 선택할 때 사용한다.후손 선택자는 공백으로 구분하며 어떤 부모태그 안에 해당 자식태그가 들어있으면 몇 개층 아래에 있던지 상관없이 모두 선택한다.하지만 자손 선택자는 바로 아래계층 안에 있는 자식태그만 선택한다.부모선택자 > 자식선택자 { 속성: 값; }div > h2{} 동위선택자: 동위선택자(=형제선택자)는 동위관계에서 바로 아래줄에(뒤에) 있는 형제 태그를 선택하거나 뒤에 있는 모든 형제태그를 선택할 때 사용한다.+선택자는 바로 뒤에 있는 형제 태그 1개를 선택할 때 사.. 2024. 6. 16. css를 사용하여 웹 폰트 연결, 스타일 속성 적용 html 작업 할 때는 이미 브라우저 기본 스타일시트가 적용되어 있기 때문에 css로 초기화 작업 후 작성한다.작업을 시작 할 때는 어떤 작업을 시작하는지 주석을 달고 시작하는 버릇을 들이자.html 헤드 부분에 링크는 한번에 한개만 연결 가능.두개 이상 부터는 2줄~ 작성 브라우저 기본 스타일시트를 초기화 시켜주는 css 파일을 만들어 연결 시켜준다. css를 사용하여 웹 폰트 연결해본다.폰트를 다운 받아 설치하고 css에 기입하는 것이 아니라 폰트 사이트에서 경로를 복사하여 웹 폰트를 연결 시켜 줄 수 있다. (1~2) 일단, 상업용 무료 폰트가 많은 구글 폰트에 접속하여 사용할 폰트를 선택하고 Get font를 클릭하면 장바구니에 담긴다. (사용할 여러 폰트를 같이 넣는다) (3) 장바구니에 들어.. 2024. 6. 1. 이전 1 다음
