반응형
코딩
웹프로그래밍 기초 학습일지 CSS글꼴 색상변경
우리가 웹페이지를 보면 다양한 글자들이 있습니다.
이러한 글, 텍스트의 색상이라던지,글꼴,배경색 등등은
어떻게 바꿀 수 있을까요? 일반 사용자라면
텍스트편집기의 색상버튼을 통해 바꿀 것입니다.
그러나 웹프로그래밍을 한다면
CSS를 통해 글자의 색이라던지 배경색 글꼴들을
바꿀 수 있습니다.
학습목표
CSS없이 먼저 HTML 구조를 짤 수 있다.
핵심개념
font-size
background-color
- font-family
학습내용
font색상변경방법
color: red;
color: rgba(255,0,0,0.5);
rgb로 색상을 설정할때 a를 붙여
알파값으로 색상의 명도를 조절할 수 있다.
color:#ff0000; //16진수 표기법은
반복되는것은 줄여서 #f00 와같이 나타낼수 있다.
font사이즈변경
font-size: 16px;
font-size: 1em;
em은 기본값대비하여 상대적으로
나타낸다. 2배면 2em 3배면 3em이런식으로
나타내면된다. 만약 위에 부모의값이
달라지면 그대로 상속받아 기본값을 바꿀 수 있다.
배경색
background-color:#ff0;
background-image, postion, repeat 등의 속성이 있다.
글꼴
font-family:"Gulin"
정리
도움이 되셨다면 로그인 없이 가능한
아래 하트♥공감 버튼을 꾹 눌러주세요!
반응형
'공부 > 코딩' 카테고리의 다른 글
| [코딩일지] 공짜로 들은 아이티고 코딩강좌 수강후기 (1) | 2023.04.13 |
|---|---|
| 웹 프로그래밍기초 학습일지 -5- 브라우져에서 웹개발 (0) | 2018.10.01 |
| 웹 프로그래밍기초 학습일지 -4- 브라우져의 동작 (0) | 2018.09.27 |
| 웹 프로그래밍 기초 학습일지 -3- 프론트엔드와 백엔드 (0) | 2018.09.27 |
| 웹프로그래밍 기초 학습일지 -2- HTTP (0) | 2018.09.26 |