웹프로그래밍기초학습일지 CSS 글꼴 색상변경

 코딩 

웹프로그래밍 기초 학습일지 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"

정리

도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요!