CSS 기본 [2]

CSS의 명령어는 html과 비슷한 명령어를 가지고 있다.

태그(Tag) 는 선택자(Selector) , 속성(Attribute) 은 속성(Property)으로 바뀐다

선택자는 CSS 속성을 부여할 수 있는 거의 모든 HTML 태그와 동일하다.

속성은 글꼴이나 글 색깔 등이 있다

font-size 폰트 크기

color 색깔

backgound-color 배경 색깔

값은 다양한 단위를 사용할 수 있다.

px (예: font-size: 20px;) 픽셀의 개수. 글씨는 20픽셀 크기가 된다.

em (예: font-size: 3em;) 미리 지정해둔 크기의 3배 크기의 글씨가 된다. Emphasis의 약자다

pt (예: font-size: 15pt;) 글씨 크기가 15포인트이다. 물리적으로 출력할 때 주로 쓰인다

% (예: height: 70%;) 원본 높이의 70퍼센트 높이로 출력된다

단, 값이 0일 때는 단위를 적지 않아도 된다.

글씨의 색깔 속성 값 또한 다양한 방법으로 표현할 수 있다.

첫번 째 방법으로는 색의 이름(red, blue 등) 을 적는 것이다.

하지만 이런 것으로는 모든 색깔을 표현할 수 없다.

이름으로 표현 가능한 색깔은 140개가 있고 밑의 링크에 목록이 있다.

https://www.w3schools.com/colors/colors_names.asp

두번째 방법으로는 rgb 값을 적는것이다.

color: rgb(숫자,숫자,숫자)

숫자에는 255 이하의 값이 들어간다

다른 방법으로는 퍼센트도 가능하다

마지막으로는 Hex 값을 입력하기다.

color: #000000

0은 16진수로 0-f 사이의 값으로 바꿔준다

예시: 

웹페이지 소스코드

css 코드

출력 예시

backgound-color 속성은 형광펜처럼 텍스트의 배경 색을 바꿔준다.

예시