
이 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다는 뜻ㄴ Block 성질을 갖도록하는 CSS property display: block;.block-span { display: block;}요소끼리 서로 한 줄에,바로 옆에 위치 할 수 있다.ㄴ inline

ol태그는 ordered list - 목록에 숫자를 달아준다. 자동으로 넘버링ul태그는 unordered list - 숫자 없는 목록을 표현 (작은 원 표현)list-style: none; 을 추가하면 작은 원도 삭제할 수 있다.border-left: 3px solid

rowspan은 행 병합,(세로)colspan은 열을 병합(가로)

width을 쓰면 X max-width쓰면 화면을 줄여도 글은 계속 보인다. .simple { width: 500px; margin: 20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: bor

대표적으로 이라는 태그의 성질로 content/text 크기만큼만 점유하고동일 라인에 붙는 성질.'이 글씨는 두꺼운 효과를 주었다.'와 같이 text 내에 특정 부분에만 스타일을 간단히 줄때 많이 사용된다.\*\*- width/height 적용 불가margin/padd

개인적으로 레이아웃을 가장 어려워하는 나이다.. 차라리 디자인이면 모르겠는데 하..레이아웃.. 공부하면서도 다른것보다도 제일 많이 애먹었다. 오늘도 열심히 화이팅해보자..!!! folat? '뜨디,'흐르다' 이런 사전적 의미를 가지고 있다. float 속성을 갖는

오늘 작업을하며 flex때문에 하루종일 고생했다.. 사실 어제부터.. FLex 레이아웃을 만들기 위한 기본적인 html구조는 다음과 같다. 부모요소인 div.container를 Flex Container(플렉스 컨테이너)라고 부르고, 자식요소인 div.item들을

TIP Flex의 방향이 column일 경우 justify-content의 방향이 세로로, align-items의 뱡향이 가로로 바뀐다.

이미지를 맞출 틀 안에 이미지의 가로, 세로 중 짧은 쪽을 맞춰서 틀을 벗어나게 하는 경우. 틀을 벗어나는 이미지 부분은 잘라낸다(숨긴다).이미지를 맞출 틀 안에 이미지의 가로, 세로 중 긴 쪽을 맞춰서 틀을 벗어나지 않게 하는 경우. 대신 틀과 이미지의 비율이 안맞으