728x90
반응형
TIL
- CSS : nth-child vs nth-of-type
- nth-child : 부모 엘리먼트의 모든 자식 엘리먼트 중 n번 째
- nth-of-type : 부모 엘리먼트의 특정 자식 엘리먼트 중 n번 째
- 비교 예시 : p:nth-child(2) vs p:nth-of-type(2)
p:nth-child는 p태그가 아닌 태그들을 포함한 채로 n번 째를 가리키게 된다. 반면 p:nth-of-type는 p태그 들 중에서 n번 째를 가리기기 때문에 차이가 발생한다
- 비교 예시 : p:nth-child(2) vs p:nth-of-type(2)
- HTML : id 태그 vs name 태그 비교
- id 태그
- 중복해서 사용할 수 없다. 유일한 개체를 구분하기 위해서 사용한다
- name 태그
- 중복해서 사용이 가능하다
- 서버에 데이터를 전송할 때 파라미터로 사용한다
(form 태그를 통해 "name=value" 값으로 사용된다)
- HTML : label 태그의 사용법
<body>
<lable for="ID"> USERNAME : </lable>
<input type="text" id="ID">
</body>- 위와 같은 코드를 입력하게 되면 label 태그는 참조하고 있는 동일한 값의 태그와 연결된다.
- 기능적으로 라벨 태그에 작성된 'USERNAME : ' 부분을 클릭하게 되면 input를 클릭한 것과 동일한 효과가 나타난다.
What I did
- 온라인 수업 : HTML, CSS
Memo
- 기자단 첫 OT
- 8월의 시작
'TIL' 카테고리의 다른 글
| [Today I Learn] 2022.08.03 (0) | 2022.08.04 |
|---|---|
| [Today I Learn] 2022.08.02 (0) | 2022.08.02 |
| [Today I Learn] 2022.06.16 (0) | 2022.06.21 |
| [Today I Learn] 2022.06.14 (0) | 2022.06.16 |
| [Today I Lean] 2022.06.13 (0) | 2022.06.13 |