CSS

2023-03-10 색상 표현 - 색을 사용하는 모든 속성에 적용 가능하다 1.색상의 이름을 작성 - 브라우저에서 제공하는 색상 이름을 입력한다 - 간단한 색상 표현은 가능하지만 명확한 특정 색상 표현은 브라우저에 따라서 달라질 수 있다 2.Hex(Hexadecimal) : 16진수 색상 코드 - #으로 시작하며, 가장 많이 사용한다 3.RGB : 빛의 삼원색 -빛의 삼원색 : R G B 4.rgba : 빛의 삼원색 + 투명도 박스 모델 -html 요소의 기본적인 모양을 만드는 속성 -요소의 너비, 높이, 내부 여백, 외부 여백 등 1.요소의 너비와 높이 width, height 기본값 : auto - 브라우저가 너비를 계산 2.요소의 최대 너비 : max-width, max-heigh 3.요소의 최소 ..

2023-03-09 웹 브라우저에서 내용을 표시할 때, 적용되는 스타일 1. 웹 브라우저 "자체" 스타일 2. 웹 문서를 제작한 "제작자"의 스타일 3. 컴퓨터를 사용하는 "사용자"의 스타일 -적용 우선순위 -사용자 > 제작자 > 자체 예시 : 브라우저 자체 색상 : 하얀색 제작자 : 색상을 라이트 그레이 사용자 : 눈 아파서, 다크모드 실행 >>> 다크모드 실행됨 CSS 적용 우선 순위 -우선 순위란, 어떤 스타일을 먼저 적용할 것인지 결정하는 규칙 -우선 순위를 높이려면, 정확하게 해당 요소에 스타일을 적용하면, 우선순위가 높아진다 단, 스타일 규칙에 !important 를 작성하면, 그 스타일 규칙이 다른 스타일보다 우선순위가 높아진다 점수 1) !important : 어떤 스타일보다 우선순위가 높..

2023-03-08 경로 1) 절대 경로 표기법 : / root(최상위)를 의미, 어느 파일에 위치해 있어도 root 경로로 이동 가능 root(최상위) = 우리 프로젝트 2) 상대 경로 -출발하는 위치에 따라서 경로가 바뀜 ./(생략 가능 - 명확하게 하려면, 생략 하지 말 것) -> 내 주변에서 찾는 것 A아파트의 201호 호날두, 202호 메시 ./201호 or 202호 ../(생략 불가능) -> 내 위치에서 상위 폴더로 올라가서 찾는다 -> 내가 속해있는 폴더의 위쪽으로 올라가서 찾는다 A아파트의 201호 호날두 B아파트의 202호 메시 ../A아파트의/201호 호날두 ../B아파트의/202호 메시 CSS - 문서에 옷을 입힌다 실습예시) 최상위 HTMLWORK에 index.html member폴..