HTML
1) input
<input type="text / radio / checkbox" placeholder="여기에 입력하세요">
* name 속성을 지정하면 하나의 그룹으로 인식됩니다.
CSS
1. CSS를 HTML에 적용하는 방법 및 이모지 추가 방법
CSS을 HTML에 적용
<link href="CSS 파일 경로" rel="stylesheet">
이모지 추가
Font Awesome 페이지 code를 <head>에 추가 후 문서에 원하는 이모지 적용
2. box-sizing (전체 태그에 적용 ( * {} )
-기본값 box-sizing: content-box;
-우리가 사용할 값 box-sizing:border-box;
(원하는 디자인의 box size 혼란 발생 방지)
3. 주요 학습 태그
display:flex; - 요소를 블럭과 인라인 요소 중 어느 쪽으로 처리할지 설정
flex-direction : row (가로 정렬) / column (세로 정렬);
justify-content: start / center / space-between / space-around / space-evenly
align-items : stretch / center / start / end
*justify-content의 속성입니다.
소감
display를 적용하는 방법이 많이 어렵지만 앞으로 과제와 강의를 학습하면서 이해할 수 있을 것 같습니다. 그 밖에 HTML과 CSS의 다양한 태그들을 반복사용하여 익숙하게 만들고 싶습니다.
1일차 강의를 정신없이 수강 하였습니다. 2일차부터 더욱 집중하여 참여 하겠습니다.
'베이스캠프(22.12.12~23.01.07)' 카테고리의 다른 글
| 베이스캠프 6일차 _22년 12월 19일 (0) | 2022.12.19 |
|---|---|
| 베이스캠프 5일차_22년_12월16일 (0) | 2022.12.16 |
| 베이스캠프 4일차_22년_12월 15일 (0) | 2022.12.15 |
| 베이스캠프 3일차 _ 22년 12월 14일 (0) | 2022.12.14 |
| 베이스캠프 2일차_22년 12월 13일 (0) | 2022.12.13 |