카테고리 없음
공부기록 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/