카페24 수정

웹사이트 제작하다보면 하나의 태그에 여러 가지의 CSS가 적용될 때가 있습니다. 이 때 특정한 규칙에 따라 CSS에 우선 순위가 부여되어 적용됩니다. 이 규칙을 CSS 우선 순위라고 합니다.

외울 규칙은 다음과 같습니다.

• 기본적으로 뒤에 나오는 css가 우선순위가 높습니다. 
• !important > inline style attribute > id > class, 다른 attribute, 수도클래스(:first-child같은 것) > tag element, 수도엘레먼트(::before같은 것) 순으로 우선순위가 높습니다.
• 우선순위가 같다면 개수가 많은 css가 우선순위가 높습니다.

https://www.zerocho.com/category/CSS/post/588cb95ca63e64132496a5d5

(CSS) CSS 적용 우선순위 - CSS간 충돌 해결 방법

 

창 크기 변경 감지, window size 구하기 javascript 2019. 12. 3. 11:07

var windowWidth = $( window ).width();
var windowHeight = $( window ).height();

창크기 바뀌는 것 감지 (확대 축소에도 적용됨.)
$( window ).resize(function() {

// 창 크기 바뀌면 할 것...

});

$(window).width()와 $(document).width() 차이
$(window).width --> 브라우저의 창너비
$(document).width --> 문서의 너비

출처: https://ranbong.tistory.com/entry/창-크기-변경-감지-window-size-구하기 []