728x90 반응형 SMALL Web/CSS19 [CSS] 선택자의 종류 - 2️⃣ 자식 선택자, 자손 선택자, 형제 선택자, 속성 선택자, 가상 선택자 📌 HTML의 구조 알아보기 ⬇⬇⬇ https://coding-yesung.tistory.com/74 [HTML] HTML이란? & HTML 문서 만들기, HTML 스켈레톤 1. HTML(Hyper Text Markup Language) HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 것)기능을 가진 문서를 만드는 언어 [최초의 웹사이트] http://info.cern.ch/ http://info.cern.ch info.cern.ch 2. HTML 문서 만들 coding-yesung.tistory.com 1. 자식 선택자 부모의 요소 하위의 자식요소에 스타일을 적용 body > p { color: deeppink;} 2. 자손 선택자 조상 요소 하위의 모든 요소에 스타일을 적용 자손은 자식.. 2023. 3. 30. [CSS] 선택자의 종류 - 1️⃣ 전체 선택자, 요소 선택자, id 선택자, class 선택자, 그룹 선택자 1. 전체 선택자 스타일을 모든 요소에 적용 * 기호를 사용해서 표현 너무 많은 요소가 있는 HTML 문서에 사용할 경우 클라이언트에 부하를 줄 수 있음 * { 속성명1: 속성값1; 속성명2: 속성값2; ...} 📍 개별적으로 적용한 스타일은 전체 선택자에 적용한 스타일보다 우선순위가 높음! 전체 선택자 스타일을 모든 요소에 적용 * 기호를 사용해서 표현 너무 많은 요소가 있는 HTML 문서에 사용할 경우 클라이언트에 부하를 줄 수 있음 2. 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용함 span 요소 strong 요소 ins 요소 mark 요소 3. id 선택자 웹 문서만의 특정 부분 스타일을 적용 # 기호를 사용해서 id 속성을 가.. 2023. 3. 30. [CSS] CSS란? & HTML에 CSS 적용하는 법 1. CSS(Cascading Style Sheets)란❓ 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org 2. CSS 문법 HTML 문서 인라인 스타일 HTML 요소 내부에 style 속성을 사용하여 적용하는 방법 3-2. 내부 스타일 HTML 문서의 사이에 요소를.. 2023. 3. 30. 이전 1 2 3 다음 728x90 반응형 LIST
