GPD2021

*{margin:0; padding:0;} html{ overflow-x: hidden; overflow-y: auto; } ul,li { list-style: none; } #wrap{ width:100%; } #header{ width:1600px; height:110px; margin: 0 auto; } #logo{ float:left; display:inline-block; margin: 20px 0 0 0 ; height: 100px; width: 200px; } #gnb{ float:right; } #gnb > ul > li{ float:left; padding:40px 0; width:180px; } #gnb > ul> li > a { color:#004385; font-weight:bold..

★코드의 중복을 피할 것. ex) 헤더 높이 180 , 로고 높이 180, gnb 높이 180 X -> 헤더 높이만 180으로 지정 O 과제: 오늘 처음 써본 css 태그 어떤 내용인지 정리하기. #visual{ height: 500px; text-align: center; /* overflow:visible; */ } /* .visual_img{ width:1920px; margin:0 auto; } */ #container{ margin: 0 auto; width: 100%; height: 200px; } #contents{ /* 사이트에 표시될 컨텐츠의 영역을 정의한다. */ width: 1200px; height: 100px; margin: 30px auto 0 auto; } .con_notice..

과제) 헤더 혼자 힘으로 만들어보기. 첫 번째 수행 코드와 출력은 다음과 같다. 학교소개 교육과정 취업현황 커리큘럼 상담신청 *{ margin: 0; padding: 0; } ul,li{ list-style: none; } #wrap{ margin-top: 30px; } #header{ width: 1200px; height: 102px; margin: 0 auto; } #logo{ float: left; width: 176px; height: 62px; margin-top: 20px; } #gnb{ width: 900px; height: 102px; float:right; } #gnb>ul>li{ float: left; color: #004385; font-weight: bold; font-size: ..

학교소개 교육과정 취업정보 커뮤니티 상담신청 main flash 1 2 3 4 5 copyright © All reserved *{margin: 0;padding: 0;} #wrap { width: 100%; } ul,li{list-style: none;} #header{ width: 1000px; margin: 0 auto; height: 106px; } a{ text-decoration: none; color:#004385; } a:hover{ text-decoration: underline; } .logo{ margin-top: 20px; display: inline-block; } .gnb{ float: right; } .gnb>ul>li{ float: left; display:inline-blo..

앞에서 만들었던 html 파일에 css적용 ×4개 이상. 선택자로 각 영역을 지정하여 바꾸기. 글자 색, 배경색, 버튼의 넓이, 높이, 글자 폰트. 등등 적용. 아이디

아이디: 패스워드: 패스워드 확인: 생년월일: 성별: 남자 여자 전화번호: - - 취미생활: 독서산책TV시청 회원가입하기 *성별에 대한 radio box를 만들 때 남자, 여자 둘 중 하나만 선택해야하기 때문에 를 통해 묶어서 하나만 선택할 수 있게 한다. 취미생활도 하나만 선택하게 하고 싶었는데 name ="hobby"로 묶어줘도 전부 선택할 수 있었다. 라디오 박스와 체크 박스의 차이를 알지 못해 이런 시도를 했던 것이다. 라디오 박스와 체크 박스에 대한 설명은 다음과 같다. 라디오 단추 또는 옵션 단추는 그래픽 사용자 인터페이스의 요소 가운데 하나로, 사용자가 미리 정의된 선택 사항의 모임 중 하나만 선택할 수 있게 한다. 체크 상자 또는 체크 박스(check box)는 컴퓨팅에서 그래픽 사용자 인..

경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 이곳은 영역입니다. 이곳은 영역입니다. 안녕하세요. 1 안녕하세요. 2 안녕하세요. 3 안녕하세요. 4 한칸 띄기 안녕하세요. 반갑습니다. 문단나누기 버튼 남자 여자 영화 *한글 깨짐 -인코딩 문제 안에 삽입. *HTML은 head 부분과 body로 구성 body가 화면에 보이는 부분을 다룸. *영타 연습 필요함. 영타보다 ""/ 같은 거 치는 게 좀 힘듦.