Background
-
<CSS> TIL: background, pointer-events(클릭 안되게!)무기 2021. 12. 2. 08:38
🐣 background vs background-image CSS 속성중 background와 background-image가 헷갈렸는데 background는 background-image, background-position, background-size 등을 모두 아우르는 shorthand 개념이었다! background: center / cover url("./images/css.png"); = background-position: center; background-size: cover; background-image: url("./images/css.png"); pointer-events 클릭이벤트를 발생시키면 안되는 HTML 요소는 pointer-events 속성값을 none으로 지정한다. po..
-
<CSS> TIL: 텍스트 수정(회전, 맞춤, 배경), 화면 높이 에러무기 2021. 11. 8. 13:59
CSS 텍스트 회전 1. display 속성값을 inline-block 으로 설정한다(inline 요소는 회전 불가능). 2. transform 속성값으로 rotate 값을 대입한다(rotate === rotateZ). span { display: inline-block; transform: rotate(180deg); } CSS 문제 해결 1. Error: 화면 높이 🆖 현황 - height 속성을 100%로 맞추었지만 해당 요소의 컨테이너 밖으로 넘치게 되었음 🔑 해결방안 - header의 높이만큼 padding-bottom 속성값을 부여 .window { background-color: white; width: 80%; height: 80%; border-radius: 8px; padding-bot..