html,css

position 속성에는 4개의 값이 있다. 그 중에서 static(제일 기본상태)는 잘 쓰지않는다. > ### relative 평소에는 static와 같은 상태다. 여기에 top, right, bottom, left 등의 box offset property를 사용하

HTML에는 2가지 요소가 있다(block , inline) block 요소에는 > div,h1~6,p,ul, , , , , , , , , , , ,, , , , , , , , , , , video block 요소들은 위와 같은 요소들이 있으며 위에 나열된 태

float는 뜨다, 띄운다 의미인데말 그대로 이미지를 내가 원하는 위치로 옮길 수 가있다!!float 속성은 묶음 태그(block element) 만 적용할 수 있다.none (기본값) : 정렬하지 X.left : 왼쪽으로 정렬.right: 오른쪽으로 정렬.block에

navbar를 만들면서 네비게이션에서 리스트를 마우스 오버하는데 동적인 효과가 없어서 뭔가 가시성이 많이 떨어졌었다 그래서 어떻게 하면 좀 내가 마우스를 이동해서 다른 리스트로 갔는지 보기편하게 애니메이션 효과를 줘봤다. 코드는 위와 같다.HotItem { displ

웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다. 웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할