도라에몽주머니

✔ Preview 이미지 중앙 정렬, display 속성 정리 ✍ Summary 이미지 중앙 정렬 : 이미지를 중앙 정렬하는 방법에는 부모 속성의 text-align을 활용해 정렬하는 법과 display, margin을 사용하는 방법이 있다. 이미지의 부모 요소에 text-align 속성을 지정하는 방법 - HTML - CSS h1 { text-align: center; } display와 margin 속성을 이용해 중앙에 배치하는 방법 - HTML - CSS img { display: block; /* inline에서 block으로 변경 후, */ margin: auto; /* margin을 자동으로 설정 */ } display : display 속성은 CSS의 중요한 속성 중 하나로, 해당 요소가 웹..

✔ Preview header 태그, section 태그, article 태그, footer 태그 등 다양한 시멘틱 태그의 사용법 및 inline과 block의 차이점 정리, 간단한 CSS 스타일 적용 ✍ Tag Summary Sementic Tag : HTML 구조를 설계함에 있어서 태그에 의미를 부여해 사이트의 구조 파악을 용이하게 하는 태그를 말한다. * Header, Section, Article, Footer 등의 태그가 여기에 해당 Header : 3. 외부 스타일 적용 : 외부에 css 파일을 만들어 직접 작성 후 태그를 통해 html에서 사용하는 방법이다. 4. import 스타일 적용 : 외부의 웹폰트를 불러올 때 사용하는 스타일 적용 방법이다. Google Font 사이트를 활용하면 다..