생각하며 글을 쓰는 사람

부트스트랩에서 margin(마진), padding(패딩), font-size(폰트사이즈) 를 설정하려면 어떻게 해야 할까요? 사이트의 튜틸리티에 spacing, text 를 보시면 됩니다. https://getbootstrap.com/docs/5.1/utilities/spacing/ Spacing Bootstrap includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element’s appearance. getbootstrap.com https://getbootstrap.com/docs/5.1/utilities/text/ Text Documentation and examples ..

html 태그에는 두가지 종류가 있습니다. Block(블럭) 과 Inline(인라인)이 있습니다. 옆에 다른 요소가 못 오는 걸 block라 부르고, 다른 요소가 올 수 있는 걸 inline이라고 부릅니다. div, header, main, section, footer, article, address, p 등은 block 입니다. inline 은 옆으로 간다. 종류에는 span, link, image, a : 그림, 링크 그림들이 이에 해당합니다. 만약 block 을 가운데로 정렬을 하고 싶다면, 아래와 같은 코드를 작성하면 됩니다. .클래스선택 { width: 300px; margin-left: auto; margin-right: auto; } 꼭 width 폭을 지정해줘야 합니다. 왜? 해보면 알게 ..

이번 글에서는 이미지와 글자를 스타일 하는 방법에 대해서 정리를 하겠습니다. html 안에서 스타일을 해보도록 하겠습니다. ( 원래는 css를 따로 빼지만 html과 함께 작업이 가능합니다. ) 간단하게 CSS 스타일 넣는 방법에 대해서 정리를 하겠습니다. 글자 거의 모든 태그는 style="" 이라는 속성을 열 수 있습니다. 거기 안에 스타일이름 : 스타일값; 형식으로 스타일을 넣으면 됩니다. 여러개를 css 속성값을 넣을 수 있습니다. 그리고 속성값을 많이 쓰게 된다면... 세미콜론을 꼭 한 속성이 끝날 때 마다 넣어 줘야 합니다. 자주 사용하는 글자 스타일들 font-size : 10px; /* 폰트의 크기를 설정 */ font-family : 'gulim'; /* 폰트 서체를 설정 */ lette..