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{...}

 

*div[속성]{텍스트}

 

*기본속성

-width,heigh,font-size,font-weight,letter-spacing,color,background-color,

margin-top,padding-top,border-radius

*레이아웃 속성

-display

1.none:사라짐

2.inline-block,inline:글자화

3.block:블록화