HMWK122 [HTML/CSS] 블로그 글목록 만들기 💡 실습 포인트! 수업의 목적이 HTML/CSS 를 이용한 간단한 배치 및 디자인이어서 그냥 샘플이미지와 내용을 넣었다..ㅎㅎ 💜 Float 속성 /* 빈 div 박스에 clear 속성을 추가하는 방법 */ .left-box { width : 50%; height : 100px; float : left; } .right-box { width : 50%; height : 100px; float : left; } 위와 같이 코드를 작성하면 박스들을 왼쪽 정렬할 수 있음 float 속성은 요소를 뜨게 하므로 다음에 오는 HTML 요소들이 원하는대로 자리를 찾지 못할 수 있으므로 clear 속성을 사용하여 제자리를 찾게 해주어야 함 float: none 을 추가해주는 것도 버그 발생을 줄일 수 있는 방법! fl.. 2022. 3. 1. [HTML/CSS] 내 소개글 적고 꾸며보기 💡 실습 포인트! 수업의 목적이 HTML/CSS 를 이용한 간단한 배치 및 디자인이어서 그냥 샘플이미지와 내용을 넣었다..ㅎㅎ 💜 네모 박스 디자인에 많이 사용하는 CSS 속성 .box { margin : 20px; padding : 30px; border : 1px solid black; border-radius : 5px; } 💜 가운데 정렬 .box { display : block; margin-left : auto; margin-right : auto } 💜 box-shadow /* 문법 */ box-shadow: none | x-position y-position blur spread color | inset | initial | inherit none : 그림자 효과를 없앰 x-position.. 2022. 3. 1. 이전 1 ··· 8 9 10 11 다음
