전체 글52 Web App: 반응형웹01 DOCTYPE html> 반응형 웹 /* 화면이 가장 작을 때의 CSS */ #aa{ width: 320px; height: 100px; background-color: green; } /* 너비가 560px 이상이면 .. 마치 if()문 같은 문법*/ @media(min-width: 560px){ #aa{ width: 560px; height: 200px; background-color: yellow; } } #aa{ width: 800px; height: 400px; background-color: aqua; } #aa{ width: 680px; height: 300px; background-color: orange; } 2023. 10. 30. 웹사이트 만들어보기 DOCTYPE html> web shop WEB SHOP HOME ABOUT US NEWS MY ACCOUNT CONTENTS 카테고리 컴퓨터 의류 음악 영화 스포츠/레저 가구/인테리어 식품 Shopping Cart 현재 쇼핑카트에 물품이 없습니다. 쇼핑카트 보기 Log In 아이디 패스워드 회원가입 비밀번호분실 Copyright © 2023 Web Shop DOCTYPE html> .product{ width: 200px; float: left; } Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi in minima, nesciunt similique tempora ab quod exercitationem ducimus eveniet quib.. 2023. 10. 30. CSS-D5 DOCTYPE html> my BLOG PAGE body{ background-color: yellow; font-family: 'Times New Roman', Times, serif; margin: 0; } header{ background-color: violet; } header h1{ margin: 0; text-align: center; padding: 10px 0; } nav{ background-color: aqua; display: table-cell; padding: 15px; } section{ background-color: aquamarine; display: table-cell; padding: 15px; } footer{ background-color: bisque; color.. 2023. 10. 30. CSS-D04 DOCTYPE html> anchor , list style /* 링크 스타일 */ a.anchor:link{color: blue;} a.anchor:visited{color: green;} a.anchor:hover{color: red; font-size: 2em;} a.anchor:active{color: yellow; font-size: 1em;} /* 요소가 아닌 것에도 적용가능함 */ p:hover{background-color: pink; text-decoration: underline;} img{background-color: aqua; border: 2px solid red} img:hover{background-color: aquamarine; width: 50%;} /* 리스트 스타일 .. 2023. 10. 27. CSS-D03 DOCTYPE html> css 기초 /* 영역 안에서는 css문법체계를 따름 */ /* 기본문법 - 선택자{속성:값;} */ /* 주요용어 : 선택자, 속성, 값 */ /* 선택자의 종류 */ /* 1. 타입 선택자 */ h2{color: red;} p{color: blue; font-family: serif;} /* 2. 전체 선택자 */ *{font-style: italic; color: yellow;} /* == 같은 스타일을 적용시 개별선택자가 우선 적용됨 */ /* 3. 아이디 선택자 */ #p1{color: green;} /* 4. 클래스 선택자 */ .aa{color: violet;} /* 타입선택자보다 우선시 됨 (많이 사용됨)*/ /* p요소중에서 class가 aa인 요소선택 */ p... 2023. 10. 26. HTML-D02 DOCTYPE html> ex 이 브라우저는 audio 태그를 지원하지 않습니다. 구글 title this is message. 안녕하세요 나는 홍길동 입니다. 안녕하세요 나는 홍길동 입니다. DOCTYPE html> input element aaa bbb 남성 여성 사과 바나나 오렌지 눌러주세요. a b c 비빔밥 된장찌개 김밥 짜장면 볶음밥 짬뽕 필드셋의 제목 이름 : 주소 : DOCTYPE html> form element POST 방식의 요청 실습 이름 : 비밀번호 : 성별 : 여성 남성 좋아하는 과일들 : 사과 바나나 오렌지 메모글 : 현대 기아 KG모빌리티 파일업로드 파일 여러개 업로드 DOCTYPE html> input2 data: datatime: datatime-local: month: .. 2023. 10. 26. 이전 1 2 3 4 5 6 ··· 9 다음