Posis

class 선택자 요소의 특정 부분에만 스타일 적용 마침표(.) 다음에 클래스 이름 지정 문서 안에서 여러 번 반복해서 사용할 수 있음, 중복 가능 id 선택자 요소의 특정 부분에만 스타일 적용 파운드(#) 다음에 id 이름 지정 문서 안에서 한번만 사용할 수 있음, 중복 불가 스타일 충동을 막는(Cascading)의 원칙 스타일 우선순위: 스타일 규칙의 중요도와 적용 범위에 따라 우선순위가 결정되고 그 우선순위에 따라 위에서 아래로 스타일 적용 스타일 상속: 태그들의 포함 관계에 따라 부모 요소의 스타일을 자식 요소로, 위에서 아래로 전달 Style 우선순위(높은 순서부터 작성) !important: 어떤 스타일보다 우선 적용되는 스타일 인라인 스타일: 해당 태그에만 적용되는 스타일 id 스타일: 문서..

클래스와 스타일 바인딩 데이터 바인딩의 일반적인 요구사항은 엘리먼트의 클래스 목록과 인라인 스타일을 조작하는 것입니다. 클래스와 스타일 모두 속성이므로, v-bind를 사용하여 처리할 수 있습니다. 사용방법 Hello Vue.js!(isActive = {{ isActive }}) Hello Vue.js!(isActive = {{ isActive }}) class를 사용해 style을 넣을 때 보통은 class = 'style'의 형식으로 작성합니다. Vue.js에서는 v-bind:class(약어 -> :class)를 활용해서 객체를 전달하여 클래스를 동적으로 전환할 수 있습니다. 위 코드는 active 클래스는 isActive의 진실성에 의해 결정되는 구문입니다. isActive의 값이 처음에는 fals..