8강. CSS3 - 배경색, 글자색, 굵기

CSS란?

(Cascading Style Sheet)의 줄림말로써, HTML 문서에 색이나 모양, 출력 위치 등 외관을 꾸미는 언어이다.

CSS로 작성된 코드를 스타일 시트라고 부르며 색상, 배경, 텍스트, 폰트 등 여러가지 요소들의 옷을 입힐 수 있다.

​

8강에서는 기본적인 속성만 알아보도록 하겠습니다!

​

 

CSS는 HTML의 head태그안에 style란 태그를 만들어 지정한다!

​

body{background-color : blue}

- body 즉, 몸체의 배경색을 background-color 를 이용해서 파란색으로 바꾼다!

​

h1{color:green;}

- h1의 의미는 다들 아시죠? h1태그로 만들어진 "안녕하세요"의 글자색을 초록색으로 변경한다!

​

hr{border :3px solid yellow;}

- 사진에는 세미콜론을 빼먹었지만.. hr의 의미도 다들 아시죠? 안녕하세요 밑에 구분줄의 굵기를 border을 이용하여 3px의 크기만들 노란색으로 변경하는 코드입니다!

​

셀렉터 : css3 스타일 시트의 이름이나 규칙, 셀렉터와 같은 이름의 모든 HTML 태그에 스타일 시트가 적용된다

​

스타일 시트 블록 : CSS3 스타일 시트는 중괄호 {} 를 이용한다!

​

프로퍼티와 값 : CSS3 스타일은 프로퍼티:값 의 쌍으로 표현되며 ;로 분리된다.

​

주석 : CSS3의 주석은 -> /*...*/

​

혹시나 궁금한 점은 댓글로 남겨주세요!

​