[CSS] ch04-15. zindex
·
WEB/CSS
15_zindex.html A B C 15_zindex.css @CHARSET "UTF-8"; h1{ font-family: Arial; font-size: 60px; font-weight: bold; text-align: center; } div{ width: 200px; height: 150px; margin: 10px 5px; padding: 20px; border: 1px solid black; color: yellow; } #cont1{ position: absolute; left: 10px; top: 10px; background: red; z-index: 1; } #cont2{ position: absolute; left: 180px; top: 20px; background: green; z..
[HTML] SVG를 이용하여 색깔 그라데이션 넣기.
·
WEB/HTML
IE9도 지원하는 TEXT 그라데이션. 결과)
[CSS] ch04-14. visibility
·
WEB/CSS
14_visibility.html 14_visibility.css @CHARSET "UTF-8"; img{ border:2px solid black; border-radius:10px; box-shadow:5px 5px 3px #ccc; } .visible{ visibility: visible; } .hidden{ visibility: hidden; }
[CSS] ch04-13. fixed
·
WEB/CSS
13_fixed.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 13_fixed.css @CHARSET "UTF-8"; div{ width:200px; height:auto; margin:10px 5px; padding: 5px; border: 1px solid black; } #..
[CSS] ch04-12. absolute
·
WEB/CSS
12_absolute.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 12_absolute.css @CHARSET "UTF-8"; div{ width:200px; height:auto; margin:10px 5px; padding: 5px; border: 1px solid blac..
[CSS] ch04-11. relative
·
WEB/CSS
11_relative.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 11_relative.css @CHARSET "UTF-8"; div{ width: 200px; height: auto; margin: 10px 5px; padding: 5px; border: 1px solid b..
[CSS] ch04-10. static
·
WEB/CSS
10_static.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 10_static.css @CHARSET "UTF-8"; div{ width: 200px; height: auto; margin: 10px 5px; padding: 5px; border: 1px solid black..
[CSS] ch04-09. inline
·
WEB/CSS
09_inline.html 09_inline.css @CHARSET "UTF-8"; .content1 img{ border: 2px solid black; border-radius: 10px; box-shadow: 5px 5px 3px #ccc; } .content2 img{ display:block; /*inline: 가로배치, block:세로배치*/ margin:10px 5px; border:2px solid black; border-radius:10px; box-shadow:5px 5px 3px #ccc; }
[Mysql] 특별한 값이 없으면 INSERT 있으면 UPDATE (ORACLE - MERGE INTO)
·
DB/MySql
이 기능을 쓰지 않으면 CONTROLLER에서 값이 있는지 없는지 처리를 해야한다. 편의를 위해 ON DUPLICATE KEY 를 사용한다. INSERT INTO 테이블명(컬럼1, 컬럼2) VALUES('값1', '값2') ON DUPLICATE KEY UPDATE 컬럼2='값3'; ex) INSERT INTO USER (NAME, AGE) VALUES ('ABC', '21') ON DUPLICATE KEY UPDATE name='ABC', email='21';
[CSS] ch04-08. div
·
WEB/CSS
08_div.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 ..
[CSS] ch04-07. block
·
WEB/CSS
07_block.html 예약 방법 요안도라 예약의 가장 빠른 방법은 인터넷 전화 070.4529.8743 으로 직접 통화하시거나 문자 를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다. 07_block.css @CHARSET "UTF-8"; p{ width:500px; border:2px solid black; padding: 10px; } .acc{ color:red; font-weight:bold; }
[CSS] ch04-06. boxshadow
·
WEB/CSS
06_boxshadow.html 06_boxshadow.css @CHARSET "UTF-8"; .bttn{ width:200px; height:100px; margin:50px; background:blue; border:1px solid black; border-radius:50px; } #shd1{ box-shadow: 10px 10px 5px 5px #666; /*기본 outset*/ /*수평 수직 흐림(번지는정도) 확장*/ } #shd2{ box-shadow: 10px 10px 50px -1px white inset; }