본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

레이아웃 배치 방법 03 : [float,grid,flex] 레이아웃03 이번 레이아웃은 전체 영역이 들어간 구조이며, 실제 사이트에서 이런 구조를 많이 사용하며, 컨테이너를 만들어서 가운데 영역을 설정합니다. float을 이용한 레이아웃 float 속성을 사용해 박스를 왼쪽(left) 또는 오른쪽(right)으로 "부유"시키는 레이아웃 기법 입니다, 다만 float를 사용할때는 레이아웃이 깨지는 경우가 생기는데 이럴때는 깨지는 영역에 clear:both를 사용하면 되며, 좀 더 올바른 방법으로는 clearfix를 사용해 해결하는 방법이 주로 사용되곤 합니다. *{ margin: 0; } body{ background-color: #fff3e0; } #wrap { width: 1200px; margin: 0 auto; } #header { width: 100%; ..
2022. 7. 29.
레이아웃 배치 방법 02 : [float,grid,flex] 레이아웃02 이번 레이아웃은 전체 영역이 들어간 구조이며, 실제 사이트에서 이런 구조를 많이 사용하며, 컨테이너를 만들어서 가운데 영역을 설정합니다. float을 이용한 레이아웃 float 속성을 사용해 박스를 왼쪽(left) 또는 오른쪽(right)으로 "부유"시키는 레이아웃 기법 입니다 *{ margin: 0; } #wrap { width: 1200px; margin: 0 auto; } #body{ background-color: #E8F5E9; } #header{ width: 100%; height: 100px; background-color: #C8E6C9; } #nav{ width: 100%; height: 100px; background-color: #A5D6A7; } #aside{ width..
2022. 7. 29.
레이아웃 배치 방법 01 : [float,grid,flex] 레이아웃01 이번 레이아웃은 전체 영역이 들어간 구조이며, 실제 사이트에서 이런 구조를 많이 사용하며, 컨테이너를 만들어서 가운데 영역을 설정합니다. float을 이용한 레이아웃 float 속성을 사용해 박스를 왼쪽(left) 또는 오른쪽(right)으로 "부유"시키는 레이아웃 기법 입니다 *{ margin: 0; } body{ background-color: #fff3e0; } #wrap { width: 1200px; margin: 0 auto; } #header { width: 100%; height: 100px; background-color: #ffe0b2 } #nav { width: 100%; height: 100px; background-color: #ffcc80; } #aside { widt..
2022. 7. 29.
전역변수와 지역변수 지역변수/전역변수 변수는 함수 블록을 기준으로 선언 위치에 따라 '전역 변수','지역 변수'로 나뉩니다. '전역 변수'는 함수 블록{} 밖이나 안에서 자유롭게 사용 가능하지만 '지역 변수'는 함수 블록{} 내에서만 사용 가능합니다. "전역" 변수 예시 위와같이 안 또는 밖에서 사용합니다. { var kor = 90; //밖에서 전역변수 사용 function getScore(){ kor=100; //안에서 전역변수 사용 document.write(kor); } document.write(kor); } 결과보기 100 "지역" 변수 예시 위와같이 지역 변수는 {} 블록 내부에서만 사용 가능합니다. { var kor = 90; function getScore(){ var kor=100; //지역변수 // co..
2022. 7. 28.
728x90
반응형

#HASH_TAGS

-

1

숙제가 다양해서 너무 좋아요 제이쿼리 슬라이드 결과 : 월요일 오늘도 웹표준은.. scroll-snap-align 선택해주세요 테스트테스트 코드 공부 오징어 한마리 수확 완료! 울적하니 꽃을 달아봤습니다 코딩 Method 메서드 오늘 조업 마감했습니다. JQuery ImageSlideEffect 다크모드 오늘은 내가바로 오징어! 내일은 즐거운 월요일 오징어 두마리 포획 완료 테스트 scroll-snap-type 필터선택자 멈추지 않는 ' j ' 시리-즈 HTML 화사한가요? 오징어 1Kg 당 3000원 이건 또 뭐람

티스토리툴바