[CSS] 한 걸음 더 CSS: 코딩가나다 디스플레이(Display Property)
index.html 햄버거 (영어: hamburger, burger 또는 beefburger, 문화어: 고기겹빵, 다진 고기와 빵, 함버거)는 샌드위치의 일종인 음식이다. 양념, 빵가루 등에 고기를 갈아 넣고 버무린 뒤 구워낸 햄버그 스테이크(패티)와 채소, 양념 등을 두 장 이상의 동그랗거나 길쭉한 빵 사이에 넣어 만들며, 보통 손으로 쥐면서 들고 먹는다. 가정에서 직접 만들어 먹기도 하지만, 일반적으로 패스트푸드 식당에서 판매된다. 수많은 패스트푸드 식당들은 햄버거, 감자 튀김, 콜라를 하나로 묶어서 세트로 판매하기도 한다. style3.css ... /*인라인 블럭 처리를 해서 글자 디자인 처리*/ strong.bold{ background-color: black; color: white; marg..
2019. 12. 16.
[CSS] 한 걸음 더 CSS: 코딩가나다 가운데 정렬: Centering in CSS
index.html Hamburger 햄버거(영어: hamburger, burger 또는 beefburger, 문화어: 고기겹빵, 다진 고기와 빵, 함버거)는 샌드위치의 일종인 음식이다. 양념, 빵가루 등에 고기를 갈아 넣고 버무린 뒤 구워낸 햄버그 스테이크(패티)와 채소, 양념 등을 두 장 이상의 동그랗거나 길쭉한 빵 사이에 넣어 만들며, 보통 손으로 쥐면서 들고 먹는다. 가정에서 직접 만들어 먹기도 하지만, 일반적으로 패스트푸드 식당에서 판매된다. 수많은 패스트푸드 식당들은 햄버거, 감자 튀김, 콜라를 하나로 묶어서 세트로 판매하기도 한다. style.css body{ background-color:#ddd; } .box{ background-color: white; width: 480px; /*bo..
2019. 12. 16.
[JavaScript] Hello, JavaScript: 자바스크립트 입문 파트6. 배열
배열 엘리먼트가 연속된 저장 공간. 주소(인덱스)를 이용해 각 엘리먼트에 접근 가능. var arr = [];// 빈 배열 var arr = [1,2,3];//초기화된 배열 var mixed_arr = [1, true, 3.14, "string", {name:"object"}, [1,2,3]];//어떤 자료형이든 저장 가능 arr[0];// 1 반환됨 배열의 길이 arr.length; 배열에 엘리먼트 추가 / 삭제 / 뒤집기 / 정렬 배열에 엘리먼트 추가 / 삭제 / 뒤집기 / 정렬 var arr = [1,2,3,4,5]; arr.pop();// pop(): 배열의 마지막 요소 빼서 반환. console.log(arr) // [1,2,3,4] arr.shift();// shift(): 배열의 첫 요소 빼..
2019. 12. 15.
