![[CSS] CSS color, font style 적용](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzhM12%2FbtqFCoorKWO%2Fu0YjwFkT9UzZk1fOyqreo0%2Fimg.png)
1. color style 적용
color : red;
color : rgb(255,0,0);
color : rgb(255,0,0,0,5); /*희미해짐. 투명도 */
color : #ff0000; /*15진수로 표현*/
color : #f00;2. font style 적용
font-size:1em; /*em 갖게되는 기본 상속값의 배수값으로.*/
background-color : red ; /* 배경색. color랑 비슷 */
font-family : monospace; /* 글씨체 지정*/<html>
<head>
<style>
body>div{
font-size:16px;
background-color: #ff0;
font-family: monospace;
}
.myspan{
color : #f00;
font-size : 2em;
}
</style>
</head>
<body>
<div class="myspan">
test
</div>
</body>
</html>=> 이경우 body > div에 16px이 적용됐으므로 그 16px을 기준으로 2배인 32px로 글씨가 나오게됨
'WEB > HTML+CSS' 카테고리의 다른 글
| [CSS] CSS 애니메이션 (Transform, Transition, Animation) (0) | 2022.04.11 |
|---|---|
| [CSS] Layout 설정 (0) | 2020.07.15 |
| [CSS] CSS 기본개념과 렌더링원리 (0) | 2020.07.15 |
| [CSS] HTML 웹 페이지에 style 주기 (0) | 2020.07.11 |
| [HTML] HTML 태그 정리 (0) | 2020.07.10 |