개발자 지오의 블로그

안녕하세요. 지오입니다. 오늘은 css box-sizing 속성에 대해 알아보도록 하겠습니다. box-sizing 속성이란 요소의 전체 폭과 높이 크기에 패딩과 보더를 포함시킬 수 있게 하는 것입니다. box-sizing 요소가 없는 경우 기본적으로 요소의 폭과 높이의 총 크기는 패딩과 보더를 포함해 계산됩니다. 즉, 요소의 크기를 지정하고 패딩과 보더를 추가할 경우, 실제보다 큰 요소가 생겨나게 되는 것입니다. box-sizing 속성을 통한 해결 box-sizing 속성을 사용하면 패딩과 보더를 요소의 전체 폭과 높이 안에 포함시킬 수 있습니다. 보통 해당 모든 요소에 해당 속성을 적용하는 것이 디자인 측면에서 좋기 때문에, 이를 전체 요소에 부여하곤 합니다. box-sizing 속성을 html 내 ..

CSS 2020. 5. 18. 21:08

안녕하세요. 지오입니다. 오늘은 CSS의 float 속성에 대해 알아보도록 하겠습니다. float 속성이란? float 속성은 요소를 어떻게 띄울 것인지를 나타내는 것입니다. float 속성을 사용하면, 다른 요소들이 해당 요소 근처에 떠다니게 됩니다. float 속성을 사용해 이미지를 좌, 우로 정렬할 수도 있으며, 이를 활용해 웹페이지 레이아웃도 구성할 수 있습니다. 여기서는 다음과 같이 float 속성을 사용해 다음과 같이 두문자를 강조해보겠습니다. W ith this property you can emphasize the first letter. In the paragraph above, the first letter of the text is embedded in a span element. ...

CSS 2020. 5. 17. 17:51