목록웹 개발/HTML 과 CSS (11)
dukDukz
다음은 자바 코드의 일부분입니다. System.out.println(var); 태그는 컴퓨터 코드(code)의 일부분을 나타낼 때 사용합니다. 이때 컴퓨터 코드의 일부분이란 XML 요소의 이름이나 파일 이름, 컴퓨터 프로그램의 코드, 또는 컴퓨터가 인식할 수 있는 어떤 문자열이라도 될 수 있습니다. http://www.tcpschool.com/html-tags/code
이렇게 글자가 더 길어서 삐져나오는 경우.. 1. text-overflow 적용 {name} .map_tit_box{ width: 210px; height: auto; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } 이렇게 수정해주었다. 중요한건 { width : 200px; display : block; overflow : hidden; text-overflow: ellipsis; white-space: nowrap; } 부모요소가 display 속성이 block 혹은 inline-block 이여야함. text-overflow 속성은 block 형태에만 적용되기 때..
기본 틀 index.html index.css /* CSS Style sheet */ *{ margin:0; padding:0; } ul,li{ list-style:none; } a{ text-decoration:none; } img{ display:block; line-height:0; } #wrap{ width:100%; } #header_wrap{ width:100%; background:red; } #header{ width:1200px; height:100px; background:blue; margin:0 auto; } #snb_wrap{ width:100%; height:200px; position:absolute; background:yellow; z-index:3; } #snb{ widt..
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..