CSS - CSS의 기초, 선택자

생활 코딩 강의를 보고 공부한 내용을 기록합니다

 

CSS의 기초

위 html 코드 중 빨간색 박스 친 부분이 CSS입니다

style태그 안의 코드는 CSS의 "선택자"를 이용한 코드입니다

h1태그 안에 style=""에 들어간 CSS코드는 굉장히 직관적이라 설명이 필요없을 듯 하네요

 

선택자에 대해 알아봅시다

괜찮은 그림이 있어서 가져왔습니다

h1부분은 주어이고 중괄호 부분은 선언 입니다

이렇게 선택자는 크게 주어랑 선언으로 이뤄져있습니다

선언 안에는 여러가지 스타일 속성들이 들어갈 수 있습니다

 

그래서 처음의 코드를 보면 style태그 안에서 선택자를 이용해 "모든 h2의 속성을 blue로 하라"라는 코드인 겁니다

 

다음 글에선 아이디 선택자, 클래스 선택자, 부모 자식 선택자에 대해 알아보겠습니다