[WEB] CSS 기본 Style

Font 색상변경

color : red;
color : rgba(255, 0, 0, 0.5);
color : #ff0000;

Font 사이즈 변경

font-size : 16px;
font-size : 1em;

배경색

background-color : #ff0;
background-image : ;
background-position : ;
background-repeat : ;
background : #0000ff url(“.../gif”) no-repeat center top; Colored by Color Scripter

글씨체/글꼴

font-family : "Gulim";

font-family : monospace;

웹폰트

브라우저에서 기본으로 지원하지 않는 폰트를 웹으로부터 다운로드받아서 사용할 수 있는 방법.

다운로드를 받아야하는 단점이 있으며, 다운로드 시간이 오래 걸리게 되면 화면에 노출되는 시간이 느려져 오히려 사용자에게 불편함을 느끼게 할 수 있다. 또한 해상도가 깨지는 문제가 발생할 수도 있다. 

대표적으로 구글 웹폰트가 있으며, 최근에는 다양한 크기에서 품질을 유지하는 벡터방식의 아이콘 웹폰트도 등장했다.

또한, 기본 unicode를 사용해서 간단한 아이콘을 표현하는 것도 가능하다.  

아래 코드를 실행하면 ☺와 같은 아이콘이 화면에 보여진다.

<div> &#x263a; </div>

참고자료 

https://www.edwith.org/