*display와 position의 정리*
-display- 종류 inline-block,inline block none 너비 최소한으로 줄어든다 최대한으로 넓어진다. 없어진다. 본질 글자화 블록화 line사용 한 줄에 최대한 여러개가 나온다. 한 줄을 무조건 혼자 쓴다. 정렬 부모의 text-aline에 의해서 정렬 스스로 margin-left,margin-right를 사용해서 정렬 ex) inline=a,img,span ... block=div,section,article ... *inline에는 width,height,margin,padding 이 재대로 적용되지 않는다* =inline-block 혹은 block 으로 승격 시켜준다!! -position- 종류 absolute,fixed relative static 너비 최대한 줄어든다. 그..
HTML,CSS 개념 정리
HTML ML *관계 -부모,자식 -형,동생 *태그 --인라인-- -span -a:링크 -img:이미지 --블록 계열-- -기본 1.div(구분 ,적절한 태그가 생각나지 않을때) 2.nav(내비게이션,보통 메뉴 감쌀때) 3.section 4.article --제목-- 1.h1,h2,h3,h4,h5 --목록-- 1.ul,li:순서 없는목록 2.ol,li:순서 있는목록 CSS *노말라이즈 -해당 엘리먼트에 기본적으로 적용되어있는 디자인을 없애서 다시 평범하게 만듦. -a,body,ol,li,ul,li,h1,h2,h3,h4,h5,h6은 사용하기전 노말라이즈가 필수다. *선택자 -태그선택자 div{...} -자식 선택자 div>a{...} -후손 선택자 div a{...} -클래스 선택자: .menu-item{..
