CSS 변수 (CSS 사용자 정의 속성)
www.youtube.com
CSS 변수 (CSS 사용자 정의 속성)
CSS 변수는 예전에는 Sass나, LESS, Stylus와 같은 CSS 전처리기(CSS preprocessor)를 통해서 접할 수 있었던 기능이었습니다. 하지만 최근에는 CSS 스펙 자체에 CSS 변수 개념이 추가되어 이제 CSS 전처리기 없이도 부담없이 CSS 변수를 사용할 수 있게 되었는데요.
이번 영상에서는 CSS 사용자 정의 속성(CSS custom properties)라고도 알려진 CSS 변수(CSS variables)를 어떻게 사용하는지 다양한 실습을 통해서 알아보겠습니다.
• CSS 변수 정의
• CSS 변수 접근
• CSS 변수 기본값
• CSS 변수 상속
• CSS 전역 변수
• 주의 사항
📺 동영상: https://youtu.be/ogvuKmplOcU
📝 포스팅: https://www.daleseo.com/css-variables/
🧑💻 실습 코드: https://codepen.io/daleseo/pen/xxqjjwv
CSS의 선택자와 결합자에 대해서는 아래 게시물에서 자세히 다루고 있으니 참고 바랍니다.
📕 CSS 기본 선택자 (selector): https://careerly.co.kr/comments/106255
📗 CSS 결합자(combinator)로 선택자 조합하기: https://careerly.co.kr/comments/107107
다음 내용이 궁금하다면?
이미 회원이신가요?
2024년 6월 30일 오후 8:08
댓글 0
함께 읽은 게시물
Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들
최
... 더 보기
사용자 모으니 매출안난다고 난리
... 더 보기어제 AI 시대의 개발자 토론회에서 내가 대 AI 시대에는 버전관리 시스템이 필요없을 수도 있다고 생각해야한다는 말을 했는데, 그정도로 파격적인 생각을 해야한다는 이야기긴했지만, 진짜 그럴까?를 다시 한 번 생각해봤다.
우선 버전관리 시스템의 목적은 크게 다음 세 가지다.
‘경영의 신’이란 칭호를 받은 마쓰시타 고노스케는 경영자가 가져야 할 가장 중요한 자질을 ‘인간에 대한 이해’라고 했다. 경영의 진짜 핵심을 찌른 이야기다. 경영이란 무엇인가? 한마디로 ‘사람을 움직여 가치를 창조하는 업(業)’이다.
... 더 보기파이낸셜타임스(FT)는 2일(현지시간) 소식통들을 인용해 xAI가 현재 3억달러 주식 매각을 추진하고 있다면서 성공하면 기업가치가 1130억달러에 이르게 된다고 보도했다.
... 더 보기
