html, css - 기본 정리 (1)

웹(HTML, CSS)

1. HTML (Hypertext Markup Language)
   웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류
   • 태그
     • 인라인 계열
       • span - inline 계열의 기본 태그
       • a - 링크
       • img - 이미지
       • 블록 계열
       • div - 블록 계열의 기본 태그
       • nav - 메뉴를 감쌀 때 기본 태그
       • section - 섹션을 나눌때 기본 태그
       • article - 게시물을 나눌때 기본 태그
       • h1, h2, h3 ... - 제목 태그
       • ul, li - 순서 없는 목록 태그
       • ol, li - 순서 있는 목록태그
2. CSS
   • 노말라이즈
     • 엘리먼트에 기본 디자인을 없앤다. (a, body, ul, ol, li h1 ...)
   • 선택자
     • 태그 선택자 - div {...}
     • 자식 선택자 - div > {...}
     • 후손 선택자 - div a {...}
     • 클래스 선택자 - .menu-item {...}
   • 기본 속성
     • width (가로 세로 길이)
     • height (위 아래 길이)
     • font-size (글자 크기)
     • font-weight (글자 두께)
     • color (색)
     • background-color (배경 색)
     • margin (요소의 외부 여백)
     • padding (요소의 내부 여백)
     • border (요소의 테두리 선)
   • 레이아웃 속성
     • display
       • none (사라짐)
       • inline-block, inline (글자화)
         • block - 너비를 지정하지 않는 한 최대한으로 늘어나고, 한 줄을 무조건 혼자 사용
         • inline - 너비를 지정하지 않는 한 최소한으로 줄어들고, 한 줄을 최대한 여럿이 사용
       • block (블록화)
     • float
     • position