코딩 공부 코딩 공부

Block와 Inline 그리고 inline-block CSS에서 display 속성은 웹페이지 상에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정합니다. 여러가지 display 속성값 중에서 가장 기본이지만 은근히 햇갈릴 수 있는 inline과 block, inline-block에 대해서 알아보도록 하겠습니다. inline display 속성이 inline으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 대표적인 inline 엘리먼트로 이나 , 태그 등이 있습니다. 여러 개의 inline 엘리먼트 다음과 같이 마크업하면 줄바꿈 없이 순서대로 한 줄에 보이게 됩니다. inline 속성 출력해보기 A SPAN EM 출력 결과 inline ..

CSS란? CSS(Cascading Style Sheets)은 HTML을 꾸며주는 디자인 언어입니다. 사용예시 결과화면 CSS 주석 표시 주석 표시는 프로그램에 영향을 미치지 않으며, 설명이나 메모를 목적으로 사용합니다. {/* CSS 주석 */} CSS 선언 방법 HTML 문서에 스타일을 선언하는 방법은 여러가지가 있습니다. 내부 스타일 내부 스타일 : head 태그 안에 설정하는 방법입니다. 외부 스타일 외부 스타일 : 외부 파일을 연결하는 방법입니다. 인라인 스타일 인라인 스타일 : 요소에 직접 설정하는 방법입니다.