CSS둜 Speech Bubble(말풍선) UI λ§Œλ“€κΈ°

2020-02-09

TLDR λ””μžμΈ μš”κ΅¬ 사항 쀑 speech bubble uiκ°€ μžˆμ–΄μ„œ 이λ₯Ό CSS 둜 μ–΄λ–»κ²Œ κ΅¬ν˜„ν•˜λŠ”μ§€ 원리λ₯Ό νŒŒμ•…ν•΄λ³΄μ•˜λ‹€. css 속성 쀑 , , κ°€ ν™œμš©λ˜λ©° ν•΄λ‹Ή 속성에 λŒ€ν•œ 이해가 μžˆμ–΄μ•Ό 이 글을 μ†Œν™”ν•  수 μžˆλ‹€. κ΄€λ ¨ Codepen 정리 Speech Bubble μ—μ„œ κΌ­μ§€(triangle) κ·Έλ¦¬λŠ” 법 speech bubble 의 div 의 posi…


CSS 상속

2019-05-21

TL:DR CSS μƒμ†μ˜ κ°œλ… CSS 상속이 λ˜λŠ” 속성과 μ•ˆλ˜λŠ” μ†μ„±μ˜ νŠΉμ§• CSS 상속을 ν•˜μ§€ μ•ŠλŠ” μš”μ†Œλ“€ λ“€μ–΄κ°€λ©° 이제 λ§‰ CSSλ₯Ό μ‹œμž‘ν–ˆλ‹€. 상속을 ν™œμš©ν•΄ CSS μ½”λ“œλ₯Ό 쀄이고 싢은데 μ–΄λ–€ 뢀뢄은 상속이 되고, μ–΄λ–€ 뢀뢄을 상속이 λ˜μ§€ μ•Šκ³  λ³΅μž‘ν•˜λ‹€. λ³΅μž‘ν•¨μ„ κ·Ήλ³΅ν•˜κ³ μž ν•˜κΈ° λ‚΄μš©μ„ μ •λ¦¬ν•œλ‹€. μƒμ†μ΄λž€? μƒμœ„(λΆ€λͺ¨, 쑰상) μš”μ†Œμ— 적용된 ν”„λ‘œνΌν‹°λ₯Ό …