1. HTML은 Markup Languag 자료가 어디에 어떻게 배치되어있나 표현하기 위한 언어
2. 글제목은
   안에 적어야함_heading(약자)
3. 본문은
   안에 적어야함. _paragraph(약자)
4. 이미지는 적어야하 함.
5. 링크는 링크_anchor(약자)
6. 리스트는
   • 리스트
   _unordered list / list item (약자)
7. 리스트 중
   번호 자동 설정_ ordered list
8. CSS - 이미지 가운데 정렬하는 방법
   display: block;
   margin-left: auto;
   margin-right: auto;
9. 글자 스타일링 방법
   사이즈는 font-size : 16px;
   폰트 종류는 font-family:'gulim';
   폰트 색은 color : red;
   자간 조절은 letter-spacing: 1px;
   글자 정렬은 text-align: center;

Q. 일부 글자만 스타일링 어떻게?
글자를 감쌀 수 있는 별 뜻 없는 태그임.

Q. 글자 굵게?
font-weight: 100~900
or 태그 대신 _ 자동으로 굵어짐.(p태그 또는 h태그 많이 이용)

10. CSS 파일에 스타일 보관하기
11. 일단 로 css 파일 연결 rel="stylesheet">
12. 예)폴더명/.main.css 등
13. css 파일에 style 작성
14. css 파일에 style 보관하고 class 작명
15. html 파일에선 class-"작명"
16. tag selector _ p tag
17. class selector _.profile
18. id selector_

Q. 스타일이 겹칠 경우_ 우선순위 따라 정해짐.
예) class(10점) / tag(1점) / id(100점)/ style="" (1000점)

(Cascading style sheet-CSS: 스타일 보관파일이다.
cascading: 폭포처럼 떨어진다는 뜻

11. 네모 박스를 넣고 싶으면

    
    margin (상하좌우 여백)
    padding (상하좌우 안쪽 여백)
    border (테두리) 두깨/종류(soliddotted)/색깔
    display: block 기본을 있음(가로행을 전부 차지)
    ,

    ,

12. class ="box" _ 부모태그에 font-size 주면 일부 스타일은 inherit(상속) 된다.
    즉, 일부 스타일은 자동으로 부모 -> 자식 inherit 된다
    -> inherit 지원한느 스타일은 정해져있다.
    1) font-size color / font-family color

13. shadow 넣기 (box-shadow : 5px 5px black;)

14. float 이용한 레이아웃 만들기
    1) 감싸는 container (부모) 박스 만들어두면 유용.

15. float : left (요소를 붕 띄워서 왼쪽 정렬)/ right(우측 정렬)_ 박스 가로배치할때 쓰임

16. clear : both
    float 다음에 오는 요소에게 주면
    float로 발생하는 이상한 현상 해결가능!!

17. display: inline-block 사용해서 가로로 배치해보기
    -> 공백 제거하기 (inline-block사용하면 박스사이 공벡제거가 귀찮음)
    -> display: inline-block은 자기 크기만큼 자리차지함.

    • 공백제거 필요
    • 주변에 글이 있으면 가끔 이상해짐 -> 해결: vertical-align: (top)

• inline-block 사용시 공백제거 방법
  1) 박스사이 주석기호 활요
  2) 부모태그에 font-size:0px;

  (참고)
  부모태그로부터 inherit 되는 스타일은 중요도 가장 낮음.

• baseline이 옆에 존재하면
  display: inline-block 요소들이
  baseline 위에 오려고 함.

  display: block(한 행을 전부차지)
  

  display: inline-block (내 크기만큼 차지)
  

18. float 관련 문제
    : float 준 요소 다음에 cleat: both 넣은
    추가하는 걸 추천!!
19. 와
    기능은 똑같음

20.class를 4개나 줘야할 경우
.navbar li { : selector 문법 중 공백 => ~안에 있는 이라는 뜻 (즉. ~안에 있는 모든 자식)
.navbar >li : selector 문법> ~안에 있는 직계자식 의미.

Q. 모든 의 폰트사이즈를 16px로 설정하려면?
.navbar a { font-size
{ text-decoration: none; _a 태그의 밑줄제거 가능