background url 1. background css 속성 - background-color 더보기 body { background-color: lightblue; } h1 { background-color: rgb(255,128,0); } p { background-color: #FFFFCC; } - background-image 더보기 body { background-image: url("/examples/images/img_background_good.png"); } - background-repeat 더보기 body { background-image: url("/examples/images/img_man.png"); background-repeat: repeat-x; } - background-position 더보기 .. 2022. 4. 9. HTML5 아웃라이너(틀잡기) * html5 outliner https://gsnedders.html5.org/outliner/ HTML 5 Outliner gsnedders.html5.org 항상 코딩을 하기에 앞서, 아웃라이너 작업을 해서 순서대로 코딩을 할 수 있도록 습관을 들이자. (네이버 같은 사이트도 아웃라인이 어떻게 잡혀있는지 알수있다.) * 아웃라이너 예시 봄에 피는 꽃 봄에 피는 꽃 뉴스스탠드 주제별 캐스트 Sign in 타임스퀘어 공지사항 Creators Partners Developers 네이버 정책 및 약관 반응형 사이트 반응형 사이트 전체 메뉴 반응형 사이트 서브 타이틀 반응형 사이트 컨텐츠 반응형 사이트 왼쪽 컨텐츠 반응형 사이트 왼쪽 컨텐츠1 반응형 사이트 왼쪽 컨텐츠2 반응형 사이트 왼쪽 컨텐츠3 반응형 .. 2022. 4. 9. modernizr-custom.js 브라우저 호환성을 유지하기 위해 Modernizr를 많이 사용하고 있습니다. 현재 사용하고 있는 브라우저에 대한 정보를 알려준다. (상세한 기능들은 공식문서 & 참고자료 등을 보는 습관!) * 참고 자료 https://modernizr.com/ Modernizr: the feature detection library for HTML5/CSS3 What is Modernizr? It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. moderni.. 2022. 4. 9. html5shiv 구버전 익스플로어 에서도 새롭게 추가된 태그들을 인식할 수 있도록 하는 기능 *참고 사이트 https://github.com/aFarkas/html5shiv GitHub - aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explore This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer. - GitHub - aFarkas/html5shiv: This script is the defacto way to enable use of .. 2022. 4. 9. 반응형 사이트 만들기 - 레이아웃5 2022. 4. 8. 반응형 사이트 만들기 - 레이아웃4 2022. 4. 7. 반응형 사이트 - 레이아웃3 2022. 4. 7. 반응형 사이트 - 레이아웃2 2022. 4. 7. 이전 1 2 3 4 5 6 ··· 41 다음
