WEB/CSS61

• 

  [CSS] ch04-19. tb 19_tb.html table layout CONSTRAINT_VALIDATION table layout을 이용한 셀 너비 조절 19_tb.css @CHARSET "UTF-8"; #tb1{ width: 300px;/*테이블 크기 가로*/ table-layout: fixed;/*fixed: 셀 너비 고정, auto: 셀 너비 자동 조정(기본값)*/ word-break: break-all;/*단어를 너비에 맞춰서 쪼개기*/ height:auto;/*테이블 크기 세로*/ /*위치를 나타내는 값은 position// left top*/ } th,td{ border: 1px solid black; padding: 5px; } WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-18. column 18_column.html Joandora 가장 제주다운 수산리집 요안도라는 게스트 하우스(Guest House) 형식의 농어촌 민박입니다 성산의 날씨는 다음주 내내 높은 구름에 햇살 가득이라고 합니다. 목요일이면 섭씨 27도까지 오른다고 하지만, 늘 부는 바람이 쾌적한 균형을 잡아 마당에 마당에 나가 앉아 있는 시간이 많아질듯 합니다. 오늘은 사진에 보이는 긴 돌담을 따라 들어오는 요안도레 올레 입구에 특곤색의 대문을 달았습니다. 내일은 두달 여동안 밖거리에 만든 데스트 하우스에 연백색의 황토 페인트를 칠할 예정입니다. 그리고 이것저것 사소한 저이를 마치고 나면, 나이 드시고 젊고 한 미지의 새식구들을 설렘으로 만나고 함께하고, 도시의 바븐 생활로 소원해진 오래된 친구와의 우정을 이 제주에서 새롭게 열.. WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-17. clear 17_clear.html 예약 방법 및 요금 ¤ 예약 방법 요안도라 예약의 가장 빠른 방법은 인터넷 전화 070.4529.8743으로 직접 통화하시거나 문자를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다. 제주특별자치도 남제주군 성산읍 수산리 000 번지 요안도라 Copyright ⓒ. All rights reserved. 17_clear.css @CHARSET "UTF-8"; .content{ float: left; } aside{ float: right; } footer{ clear: both; } WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-16. float 16_float.html 예약 방법 및 요금 ¤ 예약 방법 요안도라 예약의 가장 빠른 방법은 인터넷 전화 070.4529.8743으로 직접 통화하시거나 문자를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다. 제주특별자치도 남제주군 성산읍 수산리 000 번지 요안도라 Copyright ⓒ. All rights reserved. 16_float.css @CHARSET "UTF-8"; .content{ float: left; } aside{ float: right; } WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-15. zindex 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.. WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-14. visibility 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; } WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-13. fixed 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; } #.. WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-12. absolute 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.. WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-11. relative 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.. WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-10. static 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.. WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-09. inline 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; } WEB/CSS 2017. 8. 28.

• 

  [CSS] ch04-08. div 08_div.html 이용 안내 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 자유롭게 하시되, 자정 이후로 음주나 소란스러운 대화를 자제해 주시면 고맙겠습니다. 우도, 성산일출봉, 섭지코지, 김영갑 갤러리, 용눈이 오름 등 주변 관광지와 한라산 동쪽 등산로로 오가실 경우 요안도라에서 콜택시를 이용하실 수 있습니다. 입실은 오후 3시, 퇴실은 오전 11시입니다. 이곳은 관광지가 아닌, 귤농사를 짓는 중산간 마을입니다. 바베큐, 야외식사 등 바깥채, 외부 앞뜰에서의 활동은 밤 11시 이전까지 마쳐 주셔야 합니다. 바깥채 내부의 소등은 .. WEB/CSS 2017. 8. 24.