Multi Developer SuHo

안녕하세요~ 오늘은 디스플레이 속성과 간단한 포지션 속성에 대해 알아보겠습니다. 디스플레이(display) 속성우리가 디스플레이라고 화면 보통 TV를 떠오르시거나 화면을 생각하시게 됩니다. 맞습니다. CSS에서 display 속성은HTML 요소가 화면에 어떻게 표시될지를 결정하는 중요한 속성이고,  이 속성을 통해 요소의 크기, 위치, 레이아웃 등을 조절할 수 있습니다그럼 간단한 display 속성의 값에 대한 개념을 소개하겠습니다.display : block; 요소가 차지하는 공간을 완전히 채우고, 다음 요소는 새로운 줄에서 시작합니다.  전에 배웠던 블록 태그 아시나요? 같은 맥락이라고 생각하시면 됩니다. display : inline; 요소가 텍스트처럼 한 줄에 배치됩니다. 하지만 인라인 요소는 높..

안녕하세요 요즘 날씨가 점점 추워지고 있습니다. 감기가 유행이니 환절기 조심하세요~~ 🤧🤧 😷😷이번에는 결합자와 간단한 스타일 속성 들을 간단하게 배워보고 넘어가겠습니다. 우선 결합자에 대한 개념을 짚어보겠습니다. 결합자란? 👈여러 개의 선택자를 연결하여 더욱 정확하게 HTML 요소를 선택하고 스타일을 지정하는 방법입니다. 결합자 종류 div p {} 자손 결합자.a .b {} 자손 결합자div > p 직계 자식 결합자p + div 인접 결합자p ~ div 형제 결합자자손 결합자 👈첫 번째 선택자의 후손 요소를 모두 선택합니다. 즉, 자식, 손자 등 모든 하위 요소를 포함합니다.표기 방법 : 공백으로 표기  첫 번째 단락 두 번째 단락  div p { color: blue; /..