카테고리 없음

공부기록 2021-04-26

전서희너 2021. 4. 26. 22:45

59강 ~ 67강

  • ul : 순서가 없는 항목
  • ol : 순서가 있는 항목
  • li : ul, ol 밑에 무조건 li만 들어갈 수 있다. (목록일때 사용. 목적에 맞는 태그를 활용하자.아다리가 맞는 태그를 사용하자, 없을시 
  • ul, ol, li 노말라이즈
    • list-style:none;/앞에 점 없애기/
    • padding:0; /바깥쪽 여백 제거/
    • margin:0; /안쪽 여백 제거/
      }
    • 제목 태그 : <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
  • 제목 태그 노말라이즈 :
    /* h 시리즈 태그에는 기본적인 margin이 들어있다. 그걸 제거하고 써야 한다. */
    h1, h2, h3, h4, h5, h6 {
    margin:0;
    }
  • h1, h2, h3, h4, h5, h6 {
    margin:0;
    font-weight:normal;
    font-size:1rem;
    } (이렇게 노말라이즈 해주는 사람도 있다.)
  • h$*6{h$} + tap (아래와 같이 태그가 나온다.)
    <h1>h1</h1>
    <h2>h2</h2>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6>
  • nav.menu-box-2>ul>li*4>a[href="#"]{메뉴 아이템 $} ($를 사용하면 숫자가 순차적으로 나옴)
  • display 없어지는 계열
    • none
  • display 나타나는 계열
    • 가로배열
      • inline
      • inline-block
    • 세로배열
      • block
  • 마크업이란 HTML작업을 의미
  • 노말라이즈 → 모든 작업 전에 한번해준다
  • display:inline 요소에는 margin, padding, width, height가 일반적인 방식으로 적용되지 않는다

* 문제풀이 flukeout.github.io/