본문 바로가기
반응형

상속2

스타일 우선 적용 구체성 / 상속 구체성 선택자에는 어떤 규칙이 우선으로 적용되어야 하는지에 대한 규정이 존재하는데 이를 '구체성'이라 한다. 동일한 선택자에 동일한 속성이라고 해도 보다 구체적으로 선택자를 선언한 태그에 우선권을 부여한다. 구체성의 값이 클수록 우선을 적용된다. 구체성은 4개의 숫자 값으로 구성된다. 0,0,0,0 0, 1, 0, 0 : 선택자에 있는 모든 id 속성값 0, 0, 1, 0 : 선택자에 있는 모든 class 속성값, 기타 속성, 가상 클래스 0, 0, 0, 1 : 선택자에 있는 모든 요소, 가상 요소 전체 선택자는 0, 0, 0, 0을 가진다. 조합자는 구체성에 영향을 주지 않는다. (>, + 등) 선택자의 구체성 값을 잘 알아야 많은 스타일 규칙들을 정의할 때 의도하지 않은 일이 생기지 않습니다. h1 .. 2019. 7. 23.
[FC] CSS 파일분리 / CSS 불러오기 CSS파일은 한 번 정해지면 바뀌지 않는 정적 파일임 CSS파일도 파일 분리 및 파일 불러오기 가능 파일분리하면 좋은점 기존 html파일에 style을 작성하면 해당 html파일에만 적용가능했으나 파일분리를 통해 다른 html파일에도 적용가능해짐. 중복사용가능 주소에 존재하는 외부 CSS 문서 불러오기 코드 type : css타입+text타입 rel : relation의 약자. 불러오는 파일과 html과의 관계를 설명. 스타일시트 관계 스타일 상속의 예시. box스타일 적용시키기 / 부모태그 / 자식태그 box모델과 관련된 속성은 상속이 되지 않는다. height적용시키면 width적용시키면 엘리먼트 단위로 작성한 CSS코드가 우선순위를 갖는다. 결론 div태그의 자식요소인 h1, p태그에는 박스모델과 .. 2019. 6. 8.
반응형