본문 바로가기

전체

(155)
헤더 배경 & 메뉴 * 배경 이미지 지정 (상대 경로) * index. html * 지정 위치 고정하기 * style.css background 단어를 이용해 이미지/ 리포트/ 포지션 이 세가지 속성 사용가능. (▷ 속기형작성법 ) * index.html * style.css 인라인 구조 & 블록 구조 참고 https://webzz.tistory.com/872 블록구조/인라인구조 01. 참고 : 블록구조/인라인구조 난이도 쉬움 소스 다운로드 영상보기 소개 안녕하세요!. 웹스토리보이입니다. 웹 사이트 제작에 있어 가장 기본이 되는 블록 구조와 인라인 구조에 대해서 알아 webzz.tistory.com * 마우스 오버 했을때, 색상 바뀜 * style.css
파일질러 안에 이미지넣는법
스킵 메뉴 (TAB 키를 누름으로 키변경) **최종 * index.html 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 * style.css /* 스킵 내비게이션 */ /* id 같은경우 #cont_nav 사용 */ #skip {position: relative;} /* 기준점이 되어야함 */ #skip a {position: absolute; left: 0; top: -35px; border: 1px solid #fff; color: #fff; background: #333; line-height: 30px; width: 140px; text-align: center;} /* position 절대적인 위치설정 -단점: 영역 사라짐 line-height: 30px; 문자와 문자의 간격 text-align: center; 글씨가운대..
브라켓(Brackets) 접속 하는법 준비물. 닷홈 & 브라켓(Brackets) & 파일질러(FillZilla) ①닷홈 - 주소 ②21 ③닷홈 - 아이디 ④닷홈 - 비밀번호 ⑤주소@
레이아웃 2 ※ 중요 style.css 를 적용할때, 같은경우 #cont_nav 사용하고 같은경우 .container 사용한다. index.html header cont_nav cont_tit cont_ban cont_cont footer style.css @charset "utf-8"; /* 이거적으면 한글 안깨짐 */ /* 레이아웃 */ /* id 같은경우 #cont_nav 사용 */ #wrap {width: 100%; } #header {width: 100%; height: 325px; background: #111; } #contents {width: 100%; height: 800px; background: #222; } #footer {width: 100%; height: 200px; background:..
레이아웃 1 index.html style.css @charset "utf-8"; /* 이거적으면 한글 안깨짐 */ /* 레이아웃 */ #wrap {width: 100%; } #header {width: 100%; height: 325px; background: #111; } #contents {width: 100%; height: 800px; background: #222; } #footer {width: 100%; height: 200px; background: #333;} reset.css @charset "utf-8"; /* 여백 초기화 */ body,div,ul,li,dl,dt,ol,h1,h2,h3,h4,h5,input,feildset,legend,p,select,table th, td, tr, textar..
이클립스 설치법 https://danmilife.tistory.com/7
(프로젝트) 오라클 배포하는법