css속성2 [CSS] CSS 속성 2 - 에이블런 프론트엔드 부트캠프 2일차 1. float float 속성은 block 속성값을 가진 요소를 가로로 배치되도록 만들 수 있는 속성이다. 속성명속성값설명floatleft요소를 왼쪽에 배치right요소를 오른쪽에 배치 float를 적용하지 않은 block 속성의 두 사각형은 위와 같이 출력된다. 하지만 float를 넣는다면 아래와 같이 두 사각형이 가로로 나란히 출력되는 것을 볼 수 있다. section { width: 1000px; margin: 50px auto; border: 10px solid black; box-sizing: content-box;}section article { width: 500px; height: 500px; float: left;}article:nth-of-type.. 2024. 7. 16. [CSS] CSS 속성 - 에이블런 프론트엔드부트캠프 1일차 1. 크기 지정크기 지정은 width(가로)와 height(세로)를 사용한다. 단위는 다음과 같이 사용할 수 있다. 속성명속성값설명width, heightpx너빗값과 높잇값을 px 단위로 지정%부모 태그를 기준으로 너빗값과 높잇값을 % 단위로 지정vw브라우저의 너비를 기준으로 너빗값과 높잇값을 백분율로 지정vh브라우저의 높이를 기준으로 너빗값과 높잇값을 백분율로 지정 2. margin & paddingmargin(바깥쪽 여백)과 padding(안쪽 여백)을 통해서 HTML에 여백을 줄 수 있다. margin과 padding 모두 크기 지정 속성과 단위가 동일하며 margin을 활용해 가로 기준 가운데 배치를 할 수 있다. /* 레이어를 화면 중앙에 옮김 */ margin: 0px auto; 3. bo.. 2024. 7. 15. 이전 1 다음
