목록2024/07/31 (1)
코딩하는 김딸기
fox 픽셀 퍼펙션 예제
1. 기본구조 작성하고 레이아웃 분석하기DOCTYPE html>html> head> title>Foxtitle> link rel="stylesheet" href="foxstyle.css"> head> body> div class="wrapper"> contents div> body> html>->하나의 큰 덩어리로 구성되었으며 클래스를 wrapper로 지정한다 2. 마진 초기화body{ margin: 0;}p{ margin: 0;}h1{ margin: 0;} 3. 각 레이아웃의 스타일 설정.wrapper{ box-shadow: 0 0 20px red; width: 300px; ..
카테고리 없음
2024. 7. 31. 19:40