[포스코x코딩온] 웹개발자 풀스택 과정 1주차 회고록 - HTML

1️⃣ 무엇을 배웠지? 3일차 되는 날이다. 아직까지는 따라가기 쉬워서 여유가 있지만 순간순가에 모르는 내용이 나오거나 개발 팁들이 나올 때마다 깜짝 놀라서 노션에 적어 놓는다. 이 블로그는 나를 위한 공간이니깐 내가 모르는 내용만 적을 것이다.(아는 내용은 Pass😎) 지금까지 배운것은 HTML과 CSS이다. 먼저 HTML부터 다뤄보겠다. 2️⃣HTML 1. 태그의 중요성 태그는 페이지의 제목을 쓸 때 사용되는데 이것이 구글 검색엔진에 도움을 준다는 말을 하셨다. 지금까지는 왜쓰는지 몰랐지만 이제는 이유를 알았으니 꼭!! 써야겠다고 다짐했다. 2. 태그의 title속성 태그 속성중에 title이라는 속성이 있다는 것을 알았다. 이미지에 마우스를 1초정도 호버하면 title 속성의 값이 나온다. 지금까지..

• format_list_bulleted 포스코x코딩온
• · 2023. 7. 6.
• textsms

CSS - 박스 가운데 정렬

1. 가장 기본적인 가운데 정렬 margin: 0 auto; 가장 많이 쓰는 가운데 정렬이다. 자신의 넓이를 정한다음에 사용하면 저절로 가운데 정렬이 된다. 1) 해당 박스가 inline 속성인 경우 2) 폭의 연산이 불가능하면 가운데 정렬을 할 수 없다. 이러한 경우에는 다른 방법을 써야한다 2. flex를 이용한 가운데 정렬 justify-content: center;// 수평 중앙 align-items: center;// 수직 중앙 flex를 이용한 가운데 정렬을 하려면 해당 박스에 display: flex를 하고 justify-content: center를 해야한다. 만약 박스가 2개 이상 있다면 중앙을 기준으로 같은 거리에 떨어진다. 수평뿐 아니라 수직으로도 정렬을 하고 싶다면 추가로 align..

• format_list_bulleted CSS
• · 2022. 12. 27.
• textsms