- font 색상 변경
- color: blue;
- color: rgba(0, 0, 255, 0.5);
- color : #0000ff; - font 사이즈 변경
- font-size : 16px;
- font-size : 2em; - 배경색
- background-color : #ff0;
- background-image, position, repeat 등
- background : #00ff00 ; url(".../gif") no-repeat center top; //한 줄로 정의도 가능 - 글씨체 / 글꼴
- font-family : "Sunflower";
- font-family : monospace;
* 웹 폰트
웹 폰트는 브라우저에서 기본으로 지원하지 않는 폰트를 웹으로부터 다운로드 받아 사용할 수 있는 방법이다.
다양하고 예쁜 폰트를 웹 폰트로 사용할 수 있긴 하지만 다운로드 받아야 한다는 단점이 있다.
대표적으로 구글 웹폰트가 있으며 최근에는 다양한 크기에서 품질을 유지하는 벡터 방식의 아이콘 웹폰트도 등장하였다.
웹폰트 방식 말고, 기본 unicode를 사용해서 간단한 아이콘을 표현하는 것도 가능하다.
<div>안녕하세요!☺</div>


참고 : boostcourse https://www.boostcourse.org/web316/lecture/16675/?isDesc=false
웹 프로그래밍(풀스택)
부스트코스 무료 강의
www.boostcourse.org
'boostcource > boostcourse_web programming' 카테고리의 다른 글
| [HTML, CSS] Element가 배치되는 방법 (CSS Layout) 2 (0) | 2024.04.06 |
|---|---|
| [HTML, CSS] Element가 배치되는 방법 (CSS Layout) (0) | 2024.04.04 |
| [HTML, CSS] CSS Selector (0) | 2024.04.03 |
| [HTML, CSS] CSS의 상속과 우선순위 (0) | 2024.04.03 |
| [HTML, CSS] CSS (0) | 2024.04.03 |