Hi

요소 쌓는 순서 정하기 요소 위에 요소를 쌓을 때 쌓는 순서를 지정 z-index:

요소를 보이게 하거나 보이지 않게 하기 visibility: visible | hidden | collapse 속성 값 설명 visible 보임(기본 값) hidden 감춤. 크기를 그대로 유지하기 때문에 배치에 영향을 미침 collapse 서로 만날 때 겹치게 하기. 그 외에서는 hidden 처리

의미 없는 html 문장 만드는 사이트한글 Lorem Ipsumhttp://guny.kr/stuff/klorem/#/p-html

배치 방법 지정하기 웹 문서 안의 요소들을 자유자재로 배치해 주는 속성 텍스트나 이미지를 나란히 배치, 여러개의 요소를 가로나 세로로 원하는 위치에 배치 가능 position : static | relative | absolute | fixed 속성 값 설명 static 요소를 문서의 흐름에 맞추어 배치합니다. float 속성으로만 이용해 좌우로 배치할 수 있음 relative 이전 요소에 자연스럽게 연결해 배치하되 위치를 지정할 수 있음 .box1{ float:left; width:100px; background:#ffd800; margin-right:10px; padding:20px; } .box2 { position:relative; left:-50px; top:30px; width:300px; b..

float 속성 해제하기 float 속성을 사용하고, 그 다음에 넣는 다른 요소들에도 똑같이 속성이 전달되기 때문에, float 속성이 유용하지 않다는 것을 알려주는 속성 clear : none | left | right | both 박스1 박스2 박스3 박스4

왼쪽이나 오른쪽으로 배치하기 웹 요소를 문서 위에 떠 있게 만듬.-> 왼쪽 구석이나 오른쪽 구석에 요소가 배치 float: left | right | none 속성 값 설명 left 해당 요소를 문서의 왼쪽으로 배치 right 해당 요소를 문서의 오른쪽으로 배치 none 좌우 어느쪽으로 배치하지 않음 박스1 박스2 박스3 박스4 출처 : Doit! html5 + css3 웹표준의 정석