console.log("CAPABLE");

Inline Styles(인라인 스타일) Inline Styles는 ID,class, 요소보다 더 명시적인 선택자이다. 별로 사용하지는 않지만 요소를 스타일링하는 하나의 방법이다. Sign Up .html 코드 안에 적은 거지만 인라인 스타일은 되도록 사용하지 않는게 좋다. 스타일 시트에서 분리되어 혼란을 일으키기 때문이다. !important !important 규칙은 개별 스타일 지정에 사용할 수 있는 선택자이다. 이것또한 되도록 사용하지 않는게 좋다. button { background-color: orangered !important; } 특이도와 상관없는 선택자이다. 하지만 매우 명시적이다. !important;를 붙여서 sign up의 색도 오렌지 컬러로 바뀌었다. (!important를 사용..

Cascade (캐스케이드) 적용된 스타일의 순서가 중요하다. 스타일의 최상단부터 출발한 폭표(cascade)가 아래로 쭉 흘러서 스타일시트 최하단이나 다음 스타일 시트로 넘어가는 것이다. 순서는 중요하며 맞닥뜨린 순서가 브라우저의 표시에 반영된다. h1 { color: red; } h1 { color: purple; } 위의 코드는 2갸의 상반되는 스타일이 있다. 하나는 빨강, 하나는 보라이다. 우선은 빨강이 먼저 적용된다. 하지만 캐스케이드로 인해 보라색으로 대체된다. 순서는 하나 이상의 스타일시트가 있을 경우에도 중요하다. 순서의 영향은 브라우저의 페이지를 따라 내려가며 모든 스타일을 순서대로 만나고 다음 링크된 이 스타일시트로 넘어간다잉. 서로 충돌하는 스타일이 동일한 요소에 적용된다면 어떻게 될..