목차 폰트오썸 아이콘 구글 아이콘 ※ BS4는Glyphicon 지원 X ※ BS4는 fontawesome 또는 google 아이콘 사용. ※ 그누보드 5.4 버전: /js/font-awesome/* (4.7.0 버전) 폰트오썸 아이콘 1. 폰트오썸…

목차 Dropdown 기본 Dropdown Divider (메뉴구분) Dropdown Header (머리말) Dropdown Active (활성화) / Disable (비활성화) Dropdown Position (위치) Dropdown Menu Right (오른쪽하단) …

목차 Jumbotron (점보트론) 소개 Jumbotron (점보트론) 구문 Jumbotron (점보트론) 기본 CSS Jumbotron (점보트론) 소개 특별한 내용이나 정보에 특별한주의를 기울이는 큰 회색 상자. ※ 다른 BS(…

목차 :target 예제 - 내부링크의 목적지요소 선택 :target 정의 :target 구문 :target 예제 - Tab (탭) :target 예제 - Modal (모달) :target 예제 - 열기/닫기 (= 보이기/숨기기) …

목차 :nth-of-type(n) 예제 - 그 부모의 자식 중 P타입 3번째 :nth-of-type(n) 정의 :nth-of-type(n) 구문 :nth-of-type(n) 예제 - 선택자타입 미지정 경우 :nth-of-type(n) 예제 - even/odd 경우 :nt…

목차 :not(selector) 예제 - 지정 선택자 아닌 요소 선택 :not(selector) 정의 :not(selector) 구문 :not(selector) 예제 - 첫번째 자식요소 제외 + 요소 간 구분 막대 추가) :not(selector) 예제 - 마지막 자식요소 제외 …

목차 기본 단축키 (Basic Shortcut) 텍스트 편집 단축키 (Text Editing Shortcut) 웹 브라우저 단축키 (Web Browser Shortcut) 스크린 샷 단축키 (Screenshot Shortcut) 크롬 단축키 (Chrome Shortcut) …

apply() 메서드 사용하면 다른 객체에서 사용 가능한 메서드 작성 가능. apply() 메서드 1. apply() 메서드는 미리 정의된 JS 메서드임. 2.call() 메서드와 유사하나, 독립변수 받을 때 차이 있음.call() 메서드는 개별적으로, apply() 메서드는 배열로 받음. &nb…

tableLayout예제- 설정 <style> table, td { border: 1px solid black; } #hz { width: 100%; } </style> &l…

overflowY예제 <style> #hz { border: 1px solid black; background-color: yellow; width: 200px; height: 100px; }…