CSS 변수
Web Dev, HTML, CSS, SVG, BootStrap/CSS반응형
--main-page-color 라는 지역변수를 정의하고, var 로 불러서 사용.
<!DOCTYPE html>
<html>
<head>
<style>
:root
{
--main-page-color:blue;
}
div
{
background-color:var(--main-page-color);
}
h1
{
--main-page-color:red;
background-color:var(--main-page-color);
}
</style>
</head>
<body>
<div>Haha</div>
<h1>haha</h1>
</body>
</html>
반응형
'Web Dev, HTML, CSS, SVG, BootStrap > CSS' 카테고리의 다른 글
| 2020-093.CSS.Font Size.폰트 크기.rem.em.px.vh/vw.ex/ch (0) | 2020.04.05 |
|---|---|
| CSS1,2,3 (0) | 2020.03.04 |
| CSS Animation : 2D Transform (0) | 2019.08.14 |
| (작성중) transition, transform (rotate, translate) (0) | 2018.10.26 |
| Div p 와 Div > p 의 차이점 (0) | 2018.06.03 |