melius

1. 표준 내장 객체(Standard Built-in Object) https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects 자바스크립트 엔진에서 제공되는 객체(브라우저, Node.js 공통) * Object, Function, Array, String, Date, Set, Map, RegExp, Math 2. 브라우저 객체 모델(Browser Object Model, BOM) https://www.w3schools.com/js/js_window.asp https://developer.mozilla.org/en-US/docs/Web/API/Window window 객체는 BOM의 최상위 객체로 브라우저 창을 의미한다...

1. 가상 클래스(Pseudo Class) https://www.w3schools.com/css/css_pseudo_classes.asp https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-classes 클래스 속성에 따로 클래스명를 지정하지 않아도 기본적으로 제공되는 클래스 선택자뒤에 콜론(:)이 하나임 selector:pseudo-class { property:value; } Anchor 관련 가상 클래스 리스트 :link 방문하지 않은 링크 :visited 방문한 링크 :hover 마우스 커서가 요소 위에 있을 때 :active 요소가 활성화됬을 때(누르고 있을 때) :focus 포커스가 맞추어 졌을때 * :hover는 :link와 :visited이후 정의..

Stacking with floated blocks https://stackoverflow.com/questions/579753/css-floating-with-overlap https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float

How To Clear Floats (Clearfix) https://www.w3schools.com/howto/howto_css_clearfix.asp

Space under tag

Margin Collapsing https://seungwoohong.tistory.com/26 https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing box1 box2 box3 box4

Box Model은 Content > Padding > Border > Margin 으로 구성된다. Box Model의 크기는 Content, Padding 그리고 Border의 합이다. * Margin Collapsing (마진 상쇄) https://seungwoohong.tistory.com/26 https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing 1. Block-level Element 혼자 한 줄을 차지하는 요소이며, 줄바꿈이 일어난다. 블록레벨 요소들은 모두 박스 모델 요소이다. 스타일 속성(Style Attribute) 중에 width, height가 박스모델의 콘텐츠(Content) 크기..

CSS 참고사이트 http://www.csszengarden.com/ CSS 개발 학습 사이트 https://webplatform.github.io/ https://www.w3.org/Style/CSS/ W3C CSS 검사기 https://jigsaw.w3.org/css-validator/ Browser engine의 종류 ... Gecko, Webkit, Blink https://en.wikipedia.org/wiki/Browser_engine 접두어(Vendor Prefix) 생략기능 모듈 https://leaverou.github.io/prefixfree/ 웹폰트 제공/변환 사이트 https://fonts.google.com/ https://transfonter.org/ 폰트 사이즈 변환 사이트 h..