Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Grid
- Coda
- vscode
- 코딩퀴즈
- 친해지기
- scss
- DOM
- frontend
- js
- Pseudo
- regexp
- 코드다이어리
- display
- sass
- column-gap
- HTML
- 정규식표현
- row-gap
- tailwindcss
- JavaScript
- CLASS
- CSS
- property
- 가상클래스
- 코딩일기
- 선택자
- 코드일기
- 코딩테스트
- 코딩문제
Archives
- Today
- Total
목록at-rule (1)
< Code diaries />

@property를 사용하면 css변수를 조금 더효율적으로 관리 할 수 있습니다. 1. css 변수 선언 기본방법:root { --primary : tomato;}h1 { color : var(--primary)}이슈 : 변수의 값을 혹시 컬러가 아닌 다른값이 들어가게 되면 아예 컬러가 적용되지 않습니다. 2. @property 사용시@property --primary { syntax : ''; initial-value : tomato ; inherites : false;}h1 { color : var(--primary) // tomato;}h1:hover { --primary : olive;}h1:nth-child(2):hover { --primary : gold;}변수의 기본 값을 지..
CSS - Advanced
2024. 6. 8. 21:21