본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

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

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기174

#검색결과

총 174개를 찾았어요 ^^b

/

레이아웃 배치 방법 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.
블록/인라인 요소가 뭘까? 블록/인라인 HTML에 존재하는 모든 요소는 어떻게 보일지 각 display를 지니게 되어있는데 , 블록과 인라인 두가지로 정해진다. 01. 블록 요소 블록 요소는 한 라인을 모두 차지하는 속성을 지니고 있습니다. { lt;head> 블록 레벨 요소 블록 레벨 요소 블록 레벨 요소 성질 줄 바꿈이 생깁니다. } ,, 요소들은 블록의 성질을 지니고 있어 화면상 줄 바꿈 현상이 일어남 02. 인라인 요소 인라인 요소는 블록 레벨 요소와 달리 줄 바꿈 특성이 없고 행이 바뀌지 않고 한줄 출력을 하며, 요소의 너비도 해당 라인의 전체가 아닌 HTML 요소의 내용 만큼만 차지 { 인라인 요소 인라인 요소는 한 줄로 출력됩니다. } , 요소들은 인라인 성질을 지니고 있어 행이 안바뀌고 한줄 출력 됨 요소 유형 특징..
2022. 7. 27.
시멘틱 마크업에 대하여 01. 시멘틱 마크업 시멘틱 사전적 의미는 '의미론적인'이라는 해석, 의미에 부합하는 태그를 사용하라는 뜻 마크업을 해야하는 이유는 모든 사람들이 정보를 동일하게 받아들일 수 있는 환경이 아닐수도 있기 예를들어 시각장애인의 경우 html 문서의 콘텐츠 정보를 음성으로 전달해야하는데 이럴경우 전달을 위한 태그의 의미가 적절해야한다. { 반응형웹 } 위와 같이 할시 그저 '반응형웹'이라고만 읽어주기 떄문에 제목인지 알 수가 없다. { 반응형웹 } 위와 같이 해야만 이 부분을 '반응형웹' 헤딩 일이라고 읽어준다면 이 부분이 제목인지 알 수 있게 됩니다.
2022. 7. 27.
728x90
반응형

#HASH_TAGS

-

1

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

티스토리툴바