중앙정보처리학원 - 수강일지
#중앙정보처리학원-2일차-
잘데친갈비
2023. 7. 26. 18:29
7월 26일 무사히 오늘도 수업왔다.
오늘 배운 내용은 태그에 대해 복습하고 div와 p 태그와의 차이점, inline요소 block요소의 차이점 그리고 선택자에 대하여 배웠다.
| div: 항목 구분 태그 (공간 구분 태그, 단순 줄 바꿈) ->html에서 제일 많이 사용되는 태그 → div 태그 안에 p 태그가 들어감 → div 태그 안에 div 들어감 p: 문장 태그 (자동 줄 바꿈 2줄) → p 태그 안에 p 태그가 못 들어감 → p 태그 안에 div 못 들어감 span: 글자 태그 img: 이미지 태그 |
| inline 요소 : 한 줄에 여러 개의 태그가 온다.( span, img, a ) block요소 : 한 줄에 한 개의 태그만 온다. ( p, div, li, ul) inline 요소 block요소 width x o height x o margin-top x o margin-left o o |
| 선택자: class, id, name, tag, >(자식선택자) >(자식선택자) 를 사용하면 자식한테까지만 가고 손자이하까지는 안간다. |
그외 단축키 및 기능들
inherit→부모 속성으로부터 상속 == 100%를 쓰는 것 과 동일
display: flex; → 옆으로 정렬하라
justify-content: space-between → 각 각 알맞게 배열
rem → 픽셀 사이즈의 기준 단위 기본적으로는 16px 적용 되어 있다.
이미지 넣는 법 1. 사진을 붙이기/ 2. 백그라운드로 넣기
배경 투명도 넣는 법 예) opacity: 0.5;
어제는 테이블 기능만 배워서 구현 할 수 있는것들이 적었는데 오늘은 div태그와 p태그,
block을 구분하여 코드를 짜는 방식을 배우게 되어 사이트구현에 어제보다 좀더 수월 했었다.
