CSS Trick

1.CSS Trick 001 line-height

post-thumbnail

❓display:flex 선언없이 text를 정중앙에 놓고 싶다면? ❗line-height를 height와 같은 값으로 선언하면 된다.

2021년 3월 16일

2.CSS Trick 002 ::selection & ::first-letter

post-thumbnail

❓ Is it possible to change the color for the selected text? ❗ Yes! Use ::selection ❓ The way to change the font-size of the first letter only. ❗ Use

2021년 3월 16일

3.CSS Trick 003 <a href="#요기요"> 문서 내 요소로 이동

post-thumbnail

❓ 문서의 최상단으로 한번에 이동 ❗ or ---- ❓ 문서 내 다른 요소로 바로 이동 ❗ id 활용

2021년 3월 16일

4.CSS Trick 004 font-size

post-thumbnail

2rem = 20px, 1.8rem = 18px etc..

2021년 3월 16일

5.CSS Trick 005 Text Gradient

post-thumbnail

background-clip 속성은 요소의 배경이 테두리, 안쪽 여백, 콘텐츠 상자 중 어디까지 차지할 지 지정한다.border-box배경이 테두리의 바깥 경계까지 차지(Z축 순서 상 테두리 아래 위치)padding-box배경이 안쪽 여백의 바깥 경계까지 차지conte

2021년 3월 16일