float2 Float과 Clear에 대한 이해 CSS의 Float과 Clear 속성에 대한 이해 1. Float 속성 float 속성은 원래 뉴스 기사나 잡지 등에서 흔히 볼 수 있는 형태인 글과 사진이 함께 어우러지며 화면에 나타날 수 있도록 하기 위해 고안된 CSS 속성 중에 하나입니다. 요소에 float 속성을 지정하면, 해당 요소가 HTML 문서의 기본적인 흐름에서 벗어나 3차원 공간 위로 붕 뜨듯이 배치가 되는 것이 특징입니다. 물론 이로 인해 해당 요소가 가지는 block의 성격을 무시하게 되겠죠. 다음 짧은 유튜브 영상을 보면 쉽게 이에 대한 개념을 잡을 수 있을 것 같습니다. https://www.youtube.com/watch?v=xara4Z1b18I position: absolute 속성과 속성값이 지정된 요소와의 차이점은, pos.. 2023. 4. 10. CSS 기본 - 잊고 넘어가기 쉬운 것들에 대한 복습 CSS 기본 CSS란 Cascading Style Sheets의 약자로, W3C에서 만들었으며 HTML이 화면 등에서 어떻게 표시될지 묘사하는 역할을 합니다. 웹 프론트엔드 개발을 하기 위해서는 CSS를 계속해서 접하게 되고 필수적으로 알아야하기 때문에 HTML과 함께 굉장히 사소하고 그저 자주 쓰는 기술 정도로 치부되는 경우가 있는데, 특히 주니어 단계에서는 은근히 모르고 넘어가거나 잊어서 다시 찾아보게 되는 일이 종종 있습니다. 이에 기본 내용을 복습하면서 잊고 넘어가기 쉬운 부분들 혹은 머릿속에 잘 녹아들어있어야만 하는 것들에 대해서 기록해봅니다. 1. 선택자 (Selector) 1-1. 기본 선택자 (1) 유형 선택자(Type selector) : 익히 알다 싶이 명시된 요소를 선택하며, 예를 들.. 2023. 4. 6. 이전 1 다음
