CSS) display 수정
1) display 수정 float 속성이 추가된 요소는 display 속성의 값이 대부분 block으로 수정됨 사용법 1. float 속성 추가전 html 1 2 3 css span { width: 100px; height: 100px; margin: 10px; background: tomato; } 출력결과 2. flaot 속성 추가 후 html 1 2 3 css span { width: 100px; height: 100px; margin: 10px; background: tomato; float: left; } 출력결과 주의사항 지정값 변화값 inline block inline-block block inline-table block table-row block table-row-group block..
CSS) font-family float clear .clearfix::after { content: ""; clear: both; display: block;}
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,..