프로퍼티 2

CSS display 속성과 block, inline, inline-block, none

display 속성 display 속성은 레이아웃 정의에 자주 사용되는 중요한 속성이다. 속성의 값으로 다음과 같은 키워드가 있다. block → block 특성을 가지고 요소(block 레벨 요소)로 지정한다. inline → inline 특성을 가지는 요소(inline 레벨 요소)로 지정한다. inline-block → inline-block 특성을 가지는 요소(inline-block 레벨 요소)로 지정한다. none → 해당 요소를 화면에 표시하지 않는다. 차지하는 공간도 사라진다. block 레벨 요소 block 특성을 가지는 요소는 아래와 같은 특징을 지닌다. 항상 새로운 라인에서 시작한다. 화면 크기 전체의 가로폭을 차지한다. (width: 100%) width, height, margin, ..

CSS (개요, 선택자, 속성, 값)

CSS, Cascading Style Sheets Cascading Style Sheets(CSS)는 HTML이나 XML(SVG, XHTML 같은 XML 방언(dialect) 포함)로 작성된 문서의 표현을 기술하기 위해 쓰이는 스타일시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 기술합니다. - MDN HTML5 이전 버전의 HTML에는 style을 컨트롤할 수 있는 태그(font, center)가 존재하여 CSS 없이도 어느 정도 스타일 표현이 가능했으나 정보와 구조를 담당하는 HTML 본연의 역할과 동떨어진 기능까지 추가됨으로써 복잡하고 혼란스러운 언어였다. HTML5에서는 HTML는 정보와 구조, CSS는 style의 정의라는 본연의 임무에 충실한..