웹 디자인 기능사

[CSS] Float layout에 대한 이해

이번 포스트에서는 float layout에 대해 알아보도록 하겠습니다. 포스트의 순서는 다음과 같습니다. float의 기본 속성 float와 display:inline-block의 차이점 float과 inline-block을 같이 사용하기 float의 기본속성 float을 이용하면 다음과 같이 레이아웃을 가로로 나열할 …

html

CSS Attribute에 대한 이해

이번 포스트에서는 다양한 CSS의 속성과 사용방법에 대해 알아보도록 하겠습니다. 직관적인 속성들 다음 요소들은 단어만 봐도 이해할 수 있는 속성들입니다. width : 가로너비 height : 세로너비 background : 배경색(혹은 배경이미지) color …

html

CSS의 여러가지 레이아웃

이번에는 CSS flaot과 inline-block을 이용한 여러가지 레이아웃과 이론에 대하여 소개합니다.   Float과 inline-block 이슈 이번 섹션에서는 아래의 CSS 코드를 공통으로 사용할 것입니다. * { margin: 0; padding: 0; } ul, …