html태그11 [HTML / CSS] CSS 상속 / 우선순위 1. CSS 상속 부모 요소의 속성 -> 자식 요소에도 자동 적용되는 것 "margin" 등 상속 시 문제가 될 만 한 속성은 상속되지 않는다. 어지간한 폰트 / 컬러 / 정렬 관련 속성은 상속된다. color font-family font-size font-weight font-height line-height list-style text-align visibility 등등 태그에는 폰트 / 컬러/ 정렬 관련 속성도 기본적으로는 상속되지 않는다. 태그에 상속 시키기 위해서는 해당 속성에 "inherit" 값 설정 홈 화면로 이동합니다! 2. CSS 적용 우선순위 A. 순서 : 동일한 선택자가 뒤에 나오면 이전 스타일 내용을 덮어 씀. CSS ORDER B. 명시도 : 동일한 요소를 지정하지만 선택자가 .. 2019. 12. 30. [HTML / CSS] 구글 폰트 사용 / 폰트 파일 사용 1. 폰트 파일 사용하는 방법 폰트 파일을 다운받아 웹 페이지에 적용시키는 방법 /* 본인이 가지고 있는 폰트 파일을 사용하는 방법 */ /* 폰트 css파일로 불러오기 */ @font-face{ src: url("폰트 저장 경로/파일명"); font-family: "임의 지정 폰트명" } /* 불러온 폰트 요소에 적용시키기 */ div { font-family: "임의 지정 폰트명" } 2. 구글 폰트 사용하는 방법 구글에서 제공하는 폰트를 끌고와서 사용하는 방법 font.google.com으로 접속 / 한글폰트 "link"태그로 폰트 연결 후 불러오기 2019. 12. 28. [HTML / CSS] CSS 선택자 1. Tag (태그 이름) /* 모든 태그 */ h1 { font-size: 80px; } CSS 적용 대상 O CSS 적용 대상 X 2. Class (클래스) / Id (아이디) /* class 'red' 를 갖는 모든 태그 (class는 '.'를 앞에 붙여표시) */ .red { color: red; } /* id 'blue' 를 갖는 태그 (id는 '#'를 앞에 붙여표시) */ #blue { color: blue; } CSS 적용 대상 O CSS 적용 대상 X CSS 적용 대상 X CSS 적용 대상 O CSS 적용 대상 X CSS 적용 대상 X 3. Children (자식) /* class 'parents'를 갖고 있는 자식 요소 중 모든 태그 */ .parents h1 { color: orange.. 2019. 12. 28. [HTML / CSS] 배경이미지 삽입 1. Background-Repeat (배경이미지 반복) background-repeat 속성 값 설정으로 배경이미지 반복 여부 및 방법 결정 /* 반복하지 않음 */ background-repeat: no-repeat; /* 가로 방향으로만 반복 */ background-repeat: repeat-x; /* 세로 방향으로만 반복 */ background-repeat: repeat-y; /* 가로와 세로 모두 반복 */ background-repeat: repeat; /* 반복할 수 있는 만큼 반복한 뒤, 남는 공간은 이미지 간의 여백으로 배분 */ background-repeat: space; /* 반복할 수 있는 만큼 반복한 뒤, 남는 공간은 이미지 확대를 통해 배분 */ background-repe.. 2019. 12. 26. 이전 1 2 3 다음
