밍숲의 코딩&웹퍼블리셔 LOG

  • 홈
  • 태그
  • 방명록

cssroot 1

[css 변수 지정하기] css에서 root, var을 활용하여 변수값 지정

css에서 root, var을 활용하여 변수값 지정 css3에서 새로 업데이트 된 속성인 '변수 지정'이다. 변수의 개념은 css에서 존재하지 않았으나 보다 편리하게 속성을 지정하기 위한 방법이 나왔으니.. 위의 코드를 가지고 간단한 사각형을 만들었다. 그럼 변수는 어떻게 지정할까? 바로 root, 변수명만 있으면 끝 (:root는 html로 변경할 수도 있다.) :root { --'변수명' : 속성값 } 그 후 :root 내부에 설정한 변수명을 var('변수명')으로 속성내부에 써주면 된다. 그럼 결과는 이렇게 동일하게 나온다. 즉, brown이라는 color는 color, background-color, border 등등..의 속성에 다 사용이 가능하고 30px은 내가 임의로 margin 30px으로..

Css/지식 정리 2022.05.25
이전
1
다음
더보기
프로필사진

밍숲의 코딩&웹퍼블리셔 LOG

  • 분류 전체보기 (20)
    • Html (2)
      • 지식 정리 (0)
      • 코딩 (2)
    • Css (7)
      • 지식 정리 (6)
      • 코딩 (1)
    • Javascript (0)
    • Jquery (0)
    • Web Design(국비과정) (10)
      • Photoshop&Illustrator (7)
      • UXUI 벤치마킹 (3)

Tag

saleposter, smokeeffect, dispersioneffect, CSS, cssroot, 포토샵, 가을디자인, photoshop, html, dogue, UXUI벤치마킹, dispersionbrush, css가상선택자, :root, float해제, 가을타이포그래피, jokerposter, 포토샵잡지디자인, css접근성, 세일포스터,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바