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
- 코딩일기
- HTML
- CLASS
- js
- 코드일기
- property
- Coda
- 코딩문제
- JavaScript
- DOM
- row-gap
- Flex
- CSS
- tailwindcss
- Pseudo
- column-gap
- 가상클래스
- frontend
- 정규식표현
- 선택자
- 친해지기
- regexp
- 코딩퀴즈
- sass
- display
- 코드다이어리
- Grid
- 웹폰트
- 코딩테스트
- HASH
Archives
- Today
- Total
목록at-rule (1)
< Code diaries />
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Z5rgm/btsHSs1iHtA/kfkjJYAYP12EbaSqHJUsPK/img.png)
@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