1) font-family 요소를 좌우 방향으로 띄움(수평 정렬) ※ 수평정렬을 위해서 더 많이 사용된다. float을 대체하는 flex가 생겼음. 대부분은 flex박스를 사용한다. 속성 값 값 의미 기본값 none 요소 띄움 없음 none left 왼쪽으로 띄움 right 오른쪽으로 띄움 사용법 float: 방향; img { float: left; } ※ 요소에 float 속성을 적용하면, 적용된 요소 주변으로 문자(text)가 흐르게 된다. float 적용전 html Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,..
1) font-family 글꼴(서체) 지정 속성 값 값 의미 기본값 글꼴이름 글꼴(서체) 후보 목록을 지정 serif 글꼴 계열 이름을 지정 sans-serif monospace cursive fantasy 사용법 font-family: [글꼴후보1, 글꼴후보2...], 글꼴 계열; .box { font-family: Arial, "Open Sans", "돋움", dotum, sans-serif; } ※ 글꼴 계열은 필수로 입력해야 한다. 이유: 원래는 사용자브라우저에서 웹사이트로부터 폰트를 다운받아서 사용해야 한다. 하지만 폰트는 용량이 크기 때문에 웹사이트에서 사용자브라우저로 폰트를 보내는 것 보다 폰트의 목록들을 주고 사용자브라우저의 운영체제에 있는 폰트를 사용하도록 명시함으로써 다운받아야 하는 ..