HTML／CSS／JS
[JS] if/else if 문으로 계절 출력하기
if/else if 문으로 계절 출력하기 let date = new Date(); let month = date.getMonth() +1; if(3
HTML／CSS／JS
HTML／CSS／JS
[JS] 현재 시간 출력, if문 오전 오후 구분하기 (date(),getMonth(),getHours(),if,else)
ㄱ. 현재시간 출력하기 // 현재시간 구하기 let alpha = new Date(); let year = alpha.getFullYear(); let month = alpha.getMonth() + 1; let day = alpha.getDay(); let hours = alpha.getHours(); let minutes = alpha.getMinutes(); let seconds = alpha.getSeconds(); alert(alpha) getMonth() : 반환값이 0~11이기 때문에 뒤에 + 1을 해야 함. ㄴ. if문으로 오전 오후 출력하기 // if 문으로 오전 오후 구하기 let date = new Date(); let hours = date.getHours(); if(hours
HTML／CSS／JS
[HTML5] 14. 글자 생략 (ellipsis)
Lorem ipsum dolor sit amet consectetur adipisicing elit Lorem ipsum dolor sit amet consectetur adipisicing elit HTML 삽입 미리보기할 수 없는 소스 white-space: nowrap : 탭&여러 번의 스페이스를 포함. 줄바꿈을 하지 않음
HTML／CSS／JS
[HTML5] 13. 중앙 정렬 레이아웃 (margin,width)
중앙 정렬 레이아웃 중앙 정렬 하고싶은 데이터 태그에 width + margin: 0 auto Lorem ipsum Lorem ipsum dolor sit amet consectetur... Lorem ipsum dolor sit amet consectetur adipisicing elitLorem ipsum dolor sit amet consectetur adipisicing elitLorem ipsum dolor sit amet consectetur adipisicing elit Lorem ipsum dolor sit amet consectetur adipisicing elitLorem ipsum dolor sit amet consectetur adipisicing elitLorem ipsum dol..
HTML／CSS／JS
[HTML5] 12. 수평 정렬 레이아웃 (overflow, hidden,float)
수평 정렬의 규칙 : 자식에게 float 속성 지정, 부모에게 overflow: hidden 속성 적용 Lorem ipsum dolor sit amet consectetur adipisicing elit 메뉴 - 1 메뉴 - 2 메뉴 - 3 메뉴 - 4 Lorem ipsum dolor sit amet consectetur adipisicing elit HTML 삽입 미리보기할 수 없는 소스 만약 hidden: overflow를 적용하지 않는다면 아래처럼 됨
HTML／CSS／JS
[HTML5] 10. 배경/ 글자 속성 (background,font-family,text-decoration 등)
ㄱ. 배경 속성 속성 설명 background-image 배경 이미지 삽입 background-size 배경 이미지 크기 지정 background-repeat 배경 이미지의 반복 형태 지정 background-attachment 배경 이미지의 부착형태 지정 background-position 배경 이미지의 위치 지정 background 한 번에 모든 배경 속성 입력 A.background-image 두 개 삽입할 때 : background-image: url('BackgroundFront.png'), url('BackgroundBack.png'); B.background-size 250px : 높이 지정 : background-size: 100% 250px; C.background-repeat 배경 이미..
HTML／CSS／JS
[HTML5] 09. 가시속성 display (none,block,inline,inline-block)
ㄱ. none 태그가 화면에서 보이지 않음. div 태그 전체가 화면에서 사라짐 Document 더미객체 대상객체 더미객체 HTML 삽입 미리보기할 수 없는 소스 ㄴ. block 더미객체 대상객체 더미객체 HTML 삽입 미리보기할 수 없는 소스 ㄷ. inline 더미객체 대상객체 더미객체 HTML 삽입 미리보기할 수 없는 소스 ㄹ.inline-block 더미객체 대상객체 더미객체 HTML 삽입 미리보기할 수 없는 소스
