2020/12/04(금) - 문서가 완전히 로딩되고 나서 실행됨 $(document).ready(function() { alert('시작시 자동으로 호출됨') }); - 클릭된 항목을 숨기기 $("div#meclick").click(function() { $(this).hide(); }); ♣ ---> body블록 내 id meclick 실행, 글자 사라짐 - 클릭된 항목 색상 바꾸기 $('#hw').click(function() { alert('id 선택자를 이용한 호출'); $(this).addClass("magenta"); }); }); ---> body블록 내 id hw 실행, class yellow로 변경 css메소드에 대하여 실습 ** this는 태그가 담긴 변수를 불러올 때, self는 메소..

2020/12/02 목록을 이용해 가로형태의 메뉴 만들기 #pipe { margin-left: 0px; width: 550px; padding: 5px; border: 1px solid #000000; } #pipe li { ---> 테두리 생성 margin-left: 0px; padding: 3px 15px; list-style: none; border: 1px solid #000000; } #pipe li.first { ---> 가로로 정렬 margin-left: 0px; border-left: none; list-style: none; display: inline; } #pipe a { ---> ul태그 내의 a태그 margin-right: 5px; text-decoration: none; font..

2020/12/01(화) 그림자 효과 만들기 테이블에 관련된 속성 알아보기 테이블에 관련된 속성 알아보기 요소의 표시와 배치 top / bottom / left / right / width / height 속성을 사용한 해당 요소들의 위치 조정 (원활한 실습을 위해 요소들의 position속성은 absolute로 설정) #mydiv{ position:absolute; top:0px; left:0px; width:300px; height:200px; background: red; } .test1{ /* 소녀시대 */ position:absolute; top:30px; left:30px; background:aqua; } .test2{ /* 원더걸스 */ position:absolute; top:100px;..

csstest01.jsp link 요소로 CSS 문서 연결하기 쉬워 보이는 일도 해보면 어렵다. 못할 것 같은 일도 시작해 놓으면 이루어진다. 쉽다고 얕볼 것이 아니고, 어렵다고 팔짱을 끼고 있을 것이 아니다. 쉬운 일도 신중히 하고 곤란한 일도 겁내지 말고 해보아야 한다.- 채근담 많은 벗을 가진 사람은 한 사람의 진실한 벗을 가질 수 없다.- 아리스토텔레스 csstest02.jsp 선택자 사용하기 두부감자조림 재료 감자 1개 두부 1/2모 꽈리고추 10개 홍고추 1개 조리법 감자는 껍질을 벗기고 돌려가면서 어슷하게 썰어 찬물에 담가놓고 두부는 도톰하게 한입크기로 썰며 꽈리고추, 홍고추는 어슷썬다. 첫번째 썰은 재료에 두부를 팬에 기름을 두르고 노릇노릇하게 앞뒤로 지져 기름은 뺀다. 냄비에 감자와 홍고..

CSS : Cascading Style Sheet 2020.11.30(월) 참고자료 * pdf p.12 ~ p. 22 www.w3schools.com/cssref/css_selectors.asp CSS Selectors Reference CSS Selector Reference CSS Selectors In CSS, selectors are patterns used to select the element(s) you want to style. Use our CSS Selector Tester to demonstrate the different selectors. Selector Example Example description .class .intro Selects all elements www.w3sc..

2020/11/27 html 모드 HtmlProjectView > chap01.concept formEx01.jsp 폼 양식 만들기 아이디이름주소급여범위성별 남자 여자 취미 축구 농구 야구 listEx01.jsp 목록 문단 입력하기 비순서 목록 문단 Web design css html photoshop 순서 목록 문단 5월 1중 영화 예매 순위 토르 : 천둥의 신 분노의 질주 : 언리미티드 위험한 상견례 목록 정의하기 와인의 종류 적포도주 포도를 껍질채 발효 시킨 것으로 스테이크와 같은 육류요리와 함께 들면 고기 맛을 돋구면서 분위기를 새롭게 하여 준다. 백포도주 포도 껍질을 제거하고 포도즙만 발효시킨 것으로 반드시 차게 해서 마신다. 생선요리나 조개류, 가금류 앙트레 등과 같이 하면 더욱 좋다. sem..