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 속성은 형광펜처럼 텍스트의 배경 색을 바꿔준다.
예시
'웹 > CSS' 카테고리의 다른 글
CSS Border 보더 (0) | 2018.06.27 |
---|---|
CSS Margin 과 Padding (0) | 2018.06.27 |
CSS 글꼴 설정 (0) | 2018.06.26 |
CSS 기본 [1] (0) | 2018.06.23 |