하루의 일상💜

캐스케이딩 이란? 스타일 시트에서는 우선순위가 위에서 아래, 즉 계단식으로 적용된다는 의미이다. 둘 이상의 스타일을 적용할 때 우선순위에 따라 적용할 스타일을 결정한다. 중요도 CSS가 어디에 선언되었는지에 따라서 우선순위가 달라진다. 인라인 스타일 > 내부 스타일 시트 > 외부 스타일 시트 > 웹 브라우저 기본 스타일 명시도 우선순위 순서 !importmant > 인라인 스타일 > 아이디 선택자 > 클래스 선택자 > 태그 선택자 > 전체 선택자 > 상속받은 속성 인라인 스타일 간단한 스타일 정보라면 스타일 시트를 사용하지 않고 스타일을 적용할 대상에 직접 표시한다. 캐스케이팅입니다. 캐스케이팅입니다. 내부 스타일 시트 이라는 부모안에 이라는 자식이 있을 때 같은 스타일을 줄때 사용할 수 있다. #id ..

전체 선택자 스타일을 모든 요소에 적용할 때 사용한다. 주로 하위 요소에 한꺼번에 스타일을 적용할 때 사용한다. *{ color: red; } 클래스 선택자 클래스 선택자는 특정 집단의 여러 요소를 한 번에 선택할 때 사용한다. 같은 클래스 이름을 가지는 요소들을 모두 선택해주고 스타일 적용 시 선택자에 ".클래스명"을 작성해준다. 아래와 같이 전체선택자를 선택했더라고 클래스 선택자로 색상을 변경해주면 더 구체화된 요소로 스타일이 지정이 된다. 텍스트 색상 변경 id 선택자 아이디 선택자는 특정 요소를 선택할 때 사용한다. 스타일을 지정할 때 사용하고, 선택자 부분에 "#아이디명"을 작성한다. 텍스트 색상 변경 ※ 아이디와 클래스 선택자의 차이점 Class 속성 값에 여러 개의 이름을 작성할 수 있고 각..