dukDukz

pr_index.html position_content1 position_content2 program_header content1 content2 content3 content4 content1 content2 content3 content4 position_footer content1 content2 content3 code_visual enterprise_visual join_footer footer pr_index.css /* CSS Style Sheet */ *{ margin:0; padding:0; } a{ text-decoration:none; color:#666; } ul,li{ list-style:none; } .w100{ width:100%; background:#000; } .row{..

이게 프로그래머스 홈페이지 전반적인 레이아웃이다. 비슷하게 만들어 보았다 programmers.html 탑프로그래머스 실력체크 개발자 채용 테크 피드 코딩테스트 연습 프로그래밍 강의 계정 만들기 로그인 기업회원 기술 중심 개발자 채용 플랫폼 개발자 채용의 끝은, 결국 코드니까 이력서보다, 당신의 코드가 우선시되는 프로그래머스만의 채용 프로그램을 만나보세요. 시작하기 채용 프로그램 더보기 2021 Dev-Matching: 웹 벡엔드 개발자(상반기) 접수 : 21년 03월 08일 11:00 - 04월 02일 17:00 테스트 : 21년 04월 03일 13:00 - 04월 03일 15:00 언어 사진들.. 2021 Dev-Matching: 웹 프론트엔드 개발자(상반기) 접수 : 21년 02월 15일 11:00..

네모칸 만드는 연습 1. 1200px 작업할 공간을 가운데로 정렬시키기 2. 안에 600px 작업 공간 하나 만들기 3. 300px짜리 li 를 4개 만들기 li 영역에 width height 주고 float: left; 주기 4. li에 padding이랑 border 선 그리고 border-box 해주기 5. html에서 li 안에 요소를 넣는다 aa bb cc dd 바로가기 버튼 만들기 바로가기 span > a{ display: block;/*블락을 무조건 줘야함*/ width: 100px; height: 30px; color: white; background: #81b4f2; text-align: center; border-radius: 15px; line-height: 28px; text-deco..

.html 학교소개 교육과정 취업정보 커뮤니티 상담신청 Game Architecture 게임 기획 게임기획자를 위한 정석 Class 바로가기 Game Programming 게임 프로그래밍 게임프로그래밍을 위한 정석 Class 바로가기 Game Artworks 게임 원화 게임원화를 위한 정석 Class 바로가기 Progammer Coaching 프로게이머 코칭 프로게이머 데뷔 Class 바로가기 AR/VR AR/VR 증강현실/가상현실 Class 바로가기 Block Chain 블록체인 블록체인 Class 바로가기 공지사항 - 3월 블록체인반 모집 임박 03-03 - 4월 VR/AR반 모집 안내 03-03 - 4월 게임 프로그래밍반 모집 03-03 - 2월 기획반 모집 마감안내! 03-02 상담/문의 취업자인..

.html 학교소식1 학교소식2 학교소식3 학교소식4 학교소식5 Game Architecture 게임기획 게임기획자를 위한 정석 class 바로가기 Game programing 게임프로그래밍 게임프로그래밍을 위한 정석 class 바로가기 Game Artworks 게임 원화 게임 원화를 위한 정석 class 바로가기 Programer Coaching 프로그래머 코칭 프로게이머 데뷔 class 바로가기 .css *{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 au..

main.html 상담신청 커뮤니티 취업정보 교육과정 학교소개 Game Architecture 게임 기획 게임기획자를 위한 정석 Class 바로가기 Game Programming 게임 프로그래밍 게임프로그래밍을 위한 정석 Class 바로가기 Game Artworks 게임 원화 게임 원화를 위한 정석 Class 바로가기 Programer Coaching 프로그래머 코칭 프로게이머 데뷔 Class 바로가기 main.css *{margin: 0; padding: 0;} ul, li{ list-style: none; } #wrap{ width: 100%; } #header{ width: 1000px; height: 110px; margin: 0 auto; } #logo{ margin-top: 20px; floa..

1. 안보고 다시 작성해보는 연습! 학교소개 교육과정 취업정보 커뮤니티 상담신청 html 작성까지는 ok.. css연결하는 문법 정확히 익히기 *{margin: 0; padding: 0;} ul, li{ list-style: none; } #wrap{ width: 100%; } #header{ width: 1200px; float: left; } #logo{ width: 80px; margin-top: 20px; } #menu>ul>li{ float: right; } #menu>ul>li>a{ margin-right: 20px; } 정렬하는 문제!! 심지어 float: right; 했는데 글자가 54321 순으로 정렬됨 *{margin: 0; padding: 0;} ul, li{ list-style: n..

1. 첫번째 수업 .html 김승원 김동철 이우철 이혜준 도정현 허유영 윤세호 인라인 형태 : 작성한 그 만큼만 공간을 차지한다. span 블록 형태 : 한 줄을 다 차지한다. div **** inline 설명 참고 aboooks.tistory.com/85 .css *{margin: 0; padding: 0;} div{ background-color: red; width: 200px; height: 200px; /*display: inline; /* inline 은 css가 잘 안먹힌다*/ /*display: inline-block; /*inline-block은 먹힘 float: left; /*강제로 옆으로 갖고옴. 간격을 없애고 붙여줌 } #a{ background-color: red; } .a{ ba..