박스 가운데 정렬
margin-left: auto;
margin-right: auto;
문자 가운데 정렬
text-align:center;
박스 테두리
{ border: 두께 방법 색상; }
ex) { border: 1px solid red; }
padding - 글자와 테두리 사이 간격
margin - 상자 밖 영역
font-weight
lighter-light-normal-bold-bolder
그림자
{ box-shadow: x축 y축 블러값 퍼짐정도 그림자색rgba(r,g,b,투명) ; }
section article div 적절히 사용하기
border-top, right, left, bottom
줄간격
line-height
text-align vs float
text-align: 문자만 정렬
float: 위치 정렬 (문서 안에서 둥둥 떠다닌다고 생각)
{ overflow:hidden; }
다른 요소들과 겹치지 않게 한다.
색상 코드 - html color code
오전에는 OT와 회고 팀을 배정 받아 팀끼리 간단한 팀 소개를 하는 발표를 하였고, 오후에는 멋쟁이사자처럼 이두희 대표님의 특강과 질의응답하는 시간을 가졌다. 너무 좋은 말씀을 많이 해주셔서 많은 도움이 되었고, 다른 수강생분들도 열정과 의지가 넘쳐보이셔서 더 열심히 해야겠다는 의지를 다시 한번 더 다지게 되었다!!
오후 3시 부터는 HTML과 CSS를 이용하여 이력서 웹페이지를 만들어 보는 강의를 들었다.
2022.03.28