공부기록용

선택자 어떤 요소에 스타일을 적용 할 것인지에 대한 정보 선택자 { 속성명: 속성값; } 종류 기본 선택자/그룹 선택자/특성 선택자/결합 선택자/의사클래스/의사요소 기본 선택자 전체 선택자(*) * { color: blue; } 모든 요소를 선택한다. *(애스터리스크)는 '문서 내의 모든 요소'를 의미하는 기호이다. ---> '문서 내 모든 요소의 글자 색을 파란 색으로 지정한다'는 의미 태그 선택자(유형 선택자) P { color: blue; } 주어진 이름을 가진 요소를 선택한다. 주어진 이름을 가진 요소가 다수일 경우, 해당하는 요소들을 모두 선택한다. ---> '문서 내 모든 p태그 요소의 글자 색을 파란 색으로 지정한다'는 의미 클래스 선택자( . = 나는 class를 고르겠다) .text { ..

CSS(Cascading Style Sheets) 계단식으로 스타일을 정의하는 문서 CSS는 웹문서를 꾸며주기 위해 사용하는 언어이다. CSS코드(문서)는 독립적으로 존재할 수 있지만, 그 목적이 구조화된 HTML 문서의 스타일을 정의하는것이므로 HTML 문서가 없다면 의미가 없다. (HTML문서와 함께 사용되지 않는 CSS문서는 단순한 텍스트에 불과하며, 웹브라우저를 통해 결과물을 확인하기 위해서는 반드시 HTML 문서 작성이 선행되어야 한다.) CSS코드는 CSS파일에 작성한다 -> .css CSS기본문법 선택자{ ㅣ 속성명: 속성값; } 선택자 : 어떤 요소에 스타일을 적용 할지에 대한 정보 { } / 중괄호 : 선택한 요소에 적용할 스타일을 정의하는 영역 속성명 : 어떤 스타일을 정의하고 싶은지에..