CSS๐Ÿ”ง/๋ฐ˜์‘ํ˜•

๋ชจ๋ฐ”์ผ ํฌ์ธํŠธ์ปฌ๋Ÿฌ ์ฃผ๋Š” ๋ฐฉ๋ฒ•

hyojinny 2022. 11. 11. 10:02

html or :root

์ต์Šค์‚ฌ์šฉ๋ถˆ๊ฐ€

html ๋„ ๊ฐ™์ด ์‚ฌ์šฉ๋˜๋‚˜ ํƒœ๊ทธ๋กœ ์‚ฌ์šฉํ•˜์ง€์•Š๊ธฐ๋•Œ๋ฌธ์— ์ง€์–‘ 

 

 

 

:root๋Š” html์„ ์˜๋ฏธํ•œ๋‹ค

๋ณ€์ˆ˜๋ช…์„ ๊ผญ ์‚ฌ์šฉ --๋ณ€์ˆ˜๋ช…

ex) --txt-point01 / --txt_point01


 

 

strong ํ…์ŠคํŠธ๋งŒ ๋ฐ”๊พธ๊ธฐ

 


css common ๊ณตํ†ต์— ์ง€์ •

 

 

font-face ์•„๋ž˜ :root ๋„ฃ๊ธฐ

:root {
    /* css๋ณ€์ˆ˜ */
    --txt-point01:#962639;
}

 

 

 

css liyout ์‹œํŠธ์— ์ ์šฉ

 

.main_app_banner .txt_wrap strong {
  color:var(--txt-point01);
}

var ์‚ฌ์šฉ