html&css17 실습) :before ,:after 가상요소 실습 1번째 See the Pen css Pseudo elements by ziziziczic (@ziziziczic) on CodePen. 2020. 12. 4. 실습) toggle box 만들기 toggle box를 만들어 보자. See the Pen toggle button pure css by ziziziczic (@ziziziczic) on CodePen. 2020. 12. 3. 실습) 마우스 오버시 밑줄치기 애니메이션~ See the Pen text underline animation by ziziziczic (@ziziziczic) on CodePen. 2020. 11. 29. height : 100% vs height :100vh height : 100% , 부모의 높이를 그대로 쓴다는 의미. height : 100vh , view height 라고 생각하면 됨. 뷰포트의 높이 100%를 쓴다는 의미 2020. 11. 20. 조건부 주석 if (lte IE 9) 구문 처음 2020. 11. 19. 반응형을 지원사격하는 미디어쿼리, meta태그 (feat. 뷰포트) 요즘은 하나의 웹 사이트가 기기 화면 특성(PC, 폰, 태블릿)에 맞춰 화면의 크기가 자동으로 변하게 됩니다. 이는 반응형 웹으로 구현이 되어있기 때문입니다 이는 CSS3부터 지원되는 미디어 쿼리 그리고 HTML5의 meta 태그가 있기에 가능합니다. 미디어 쿼리는 기기타입, 화면 크기에 맞춰 다른 스타일 시트를 적용시킵니다. (꾸미기를 달리 할수 있다는 얘기 , 관련 문서 링크 : www.w3schools.com/css/css3_mediaqueries.asp / www.w3schools.com/css/css_rwd_mediaqueries.asp) HTML5 tag는 모바일 기기에서 실제 렌더링되는 영역과 뷰포트의 크기를 조절할 수 있습니다. (랜더링 영역과 뷰포트란, 1024 * 768 사이즈의 그림을.. 2020. 11. 19. 2019.10.06 1. 그누보드 5 최신버전 다운로드. 2. 압축풀어 폴더안에 data라는 폴더만들기 3. 닷홈에 업로드. 4. 그누보드 db 세팅 gohome.dothome.co.kr/g5 으로 접속 설치시작 각각의 정보입력. 하단으로 접속해서 DB 값 찾아서 입력하기 http://gohome.dothome.co.kr/myadmin/ 5. 관리자 모드로 들어가서 게시판 관리에서 새 게시판 만들기 http://gohome.dothome.co.kr/g5/bbs/board.php?bo_table=brNotice 6. 관리자 모드로 들어가서 상단파일 경로, 하단파일 경로를 삭제함. 디폴트값이라서. 7. 베스킨라빈스에 게시판이 들어갈 본문없는 페이지 만들기(기존 index 페이지 복사후 ,본문 날리기) 8. 상단/ 하단 분리하여.. 2019. 10. 6. 이전 1 2 다음