복습하는 블로그

웹사이트 게시판의 header와 footer는 고정해두는 경우가 대부분이다. css 부분 잘라와서 붙여넣기 (style은 붙여넣지 않음) #navi.css @charset "UTF-8"; .navi { width: 1000px; margin: 100px; } /*li태그만 변경하면 빨간색 앞에 기호가 있는 ul은 파랑색이다. 이 파랑색 부분은 padding이다.*/ /*margin과 padding 부분을 0으로 해서 없애주기.*/ .navi > ul { list-style: none; margin: 0; padding: 0; /*float사용 시 부모요소의 마지막에 overflow*/ overflow: hidden; } .navi > ul > li { float: left; /*width에 산술식 활용하..

1. 카카오 오븐 (ovenapp.io/) 접속 - 계정 로그인 OvenApp.io Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공) ovenapp.io 2. 새로운 프로젝트 만들기 - 프로젝트 이름 : GO GREEN - 기본 화면사이즈 1200px - 새로운 프로젝트 만들기 3. 이미지는 와이어 프레임 사용 / 텍스트, 빈공간 사각형 사용 / 그 외 다양한 요소 활용 4. 마우스 오른쪽 클릭 - 페이지 내려받기 - PNG 이미지

#navi4.html 세로메뉴(아코디언) 만들기 프로그램 언어 JAVA C C++ Python 데이터베이스 FrontEnd HTML5 CSS3 javascript jQuery 게시판

#navi3.html 가로탭 메뉴 만들기 프로그램 언어 JAVA C C++ Python 데이터베이스 FrontEnd HTML5 CSS3 javascript jQuery 게시판

카테고리 없음 #navi2.html 드롭다운 메뉴 만들기 프로그램 언어 JAVA C C++ Python 데이터베이스 FrontEnd HTML5 CSS3 javascript jQuery 게시판

#navi1.html 기본메뉴 만들기 JAVA ORACLE HTML5 CSS3 javascript jQuery 서버 Framework

마우스를 올렸을 때만 나타나도록 하는 효과 설정 [방법 1] display: none; → display: inline / block / inline-block; [방법 2] opacity: 0; → opacity: 1; [기본] [사진에 마우스 올렸을 때] (div 태그) #gallery1.html (ul-li 태그) #gallery2.html 사진 갤러리 만들기

1. Brackets - 확장 기능 관리자 - Emmet 2. 바탕화면 - 새폴더 - html 3. Brackets - 파일 - 새 파일 - 다른 이름으로 저장 - test.html 1. ! @Tab버튼@ 2. .test @Tab버튼@ 3.#test @Tab버튼@ 4. div>div+div+div @Tab버튼@