無제

🟢   font 웹 페이지의 글꼴 스타일, 크기, 굵기, 줄 높이 등을 설정하는 속성. 🔹 font-family (글꼴 종류) 텍스트에 적용할 글꼴(font)의 종류를 지정하는 속성. body { font-family: 'Pretendard', 'Apple SD Gothic Neo', sans-serif;}문법: 사용자의 컴퓨터에 해당 폰트가 없을 경우를 대비해 여러 개의 후보 글꼴을 쉼표로 구분하여 작성한다.Generic Family (태그): 마지막에는 일반적인 글꼴 계열을 써서 대체 폰트가 작동하게 한다.serif: 끝에 장식이 있는 글꼴.sans-serif: 장식이 없는 글꼴.monospace: 글자 폭이 동일한 글꼴.cursive: 필기체 글꼴.fantasy: 장식적인 글꼴.주의 사항: 글..

💡 CCS (Cascading Style Sheets) Cascading의 의미 '폭포수처럼 위에서 아래로 흐른다.'즉, 하나의 HTML 요소에 여러 CSS 규칙이 적용될 때, 어떤 스타일이 최종적으로 적용될지 결정하는 규칙. 🟢 우선순위 (Precedence) 여러 CSS 규칙이 같은 요소에 적용될 때 어떤 스타일이 우선 적용되는지를 결정하는 기준.선택자의 구체성에 의해 결정되며, 선택자가 특정 요소를 더 구체적으로 지정할수록 우선적으로 적용된다.우선순위선택자 종류설명1!important무조건 최우선 적용 (사용 자제 권장)2Inline StyleHTML 태그 내에 style="..."로 직접 작성3ID 선택자#header, #main 등4Class/가상 선택자.container, :hover ..

🟢 Selectors (선택자)   ◼️   Universal Selector (전체 선택자) 모든 HTML 요소를 선택하는 선택자.* { margin: 0; padding: 0;}* (별표)페이지 전체에 공통 스타일을 적용할 때 사용하거나, CSS 초기화(reset)에서 많이 사용한다. ◼️ Type Selector (타입 선택자 / 요소 선택자) 특정 HTML 태그를 선택하는 선택자.p { color: blue;}특정 태그 (p)동일한 태그에 같은 스타일이 적용된다. (가장 기본적인 선택자) ◼️    Class Selector (클래스 선택자) 특정 class 속성을 가진 요소를 선택하는 선택자..highlight { color: red;}중요한 문장강조 내용. (점): 뒤에 클래스 이름..