질문 1: CSS는 몇 가지 도입 방식이 있습니까?링크와 @import의 차이점은 무엇입니까?
css 도입 방법은 총 4가지입니다.

내연 양식

내부 스타일

외부 스타일

@import 방식 외부 스타일시트 인용

링크와 @import의 차이점은 무엇입니까?
차이 1: 선조의 차이.링크는 XHTML 태그에 속하지만 @import은 CSS에서 제공하는 방식입니다.링크 탭은 CSS를 불러올 수 있는 것 외에 RSS 정의, rel 연결 속성 정의 등 여러 가지 일을 할 수 있습니다. @import에서는 CSS만 불러올 수 있습니다.차이 2: 로드 순서의 차이.한 페이지가 불러올 때 (방문자가 방문할 때) 링크에서 인용한 CSS는 동시에 불러오고 @import에서 인용한 CSS는 페이지가 모두 다운로드된 후에 불러옵니다.그래서 때때로 @import에서 CSS를 불러오는 페이지를 훑어볼 때 스타일이 없고 (깜빡임) 인터넷 속도가 느릴 때도 뚜렷하다. (꿈의 도시가 CSS를 불러오는 방식은 @import을 사용하는 것이다. 내가 다운로드를 하면서 꿈의 도시 페이지를 훑어볼 때 상기 문제가 발생한다).차이3: 호환성의 차이.@import이 CSS2이므로1 오래된 브라우저는 지원하지 않습니다. @import은 IE5 이상에서만 식별할 수 있으며 링크 탭은 이 문제가 없습니다.
문제2는 네가 알고 있는 선택기를 열거한다
기본 선택기: *: 유니버설 요소 선택기, 페이지의 모든 요소와 일치#id: id 선택기, 특정 id와 일치하는 요소.class: 클래스 선택기, 클라스에 포함된 (같지 않음) 특정 클래스와 일치하는 요소element: 탭 선택기 그룹 선택기E,F: 다중 요소 선택기, ,로 구분,요소 E 또는 요소 F와 일치합니다.E F: 후손 선택기, 공백으로 구분하여 E원소의 모든 후손(자원소만 있는 것이 아니라 자원소가 아래로 귀속되는 것) 원소 FE>F: 자원소 선택기, >로 구분하고 E원소와 일치하는 모든 직접 자원소E+F: 직접인접 선택기,정합E원소 뒤에 인접한 동급원소 FE~F: 일반 인접 선택기(동생 선택기), 정합E원소 뒤에 인접한 동급원소 F(직접 인접하든 안 하든).class1.class2: id와class선택기와 선택기가 연결될 때 중간에 구분자가 없음,.와 # 자체가 구분자를 충당하는 요소element#id: id와 class 선택기와 선택기가 연결될 때 중간에 구분자가 없음，.와# 자체가 구분자 역할을 하는 원소 속성 선택기E[attr]: 속성attr이 있는 모든 원소와 일치,div[id]id 속성이 있는divE[attr = value]: 일치하는 속성attr값이 value인 원소 위조 선택기E:first-child: 일치하는 원소 E의 첫 번째 하위 원소E:link: 클릭하지 않은 모든 링크E:visited: 클릭한 모든 링크와 일치하는 E:active: 마우스가 눌렸고, 마우스가 눌렸고,아직 방출되지 않은 E 요소E:hover: 마우스를 멈추고 있는 E 요소와 일치E:focus: 현재 초점을 얻은 E 요소와 일치E:lang(c): 일치lang 속성이 c와 같은 E 요소E:enabled: 표에서 사용할 수 있는 요소와 일치E:disabled: 표에서 사용하지 않는 요소와 일치E:checked: 표에서 선택된 요소radio 또는 checkbox 요소와 일치E::selection: 사용자가 현재 선택한 요소 일치E:root: 문서의 루트 요소 일치, HTML 문서의 경우 HTML 요소E:nth-child(n): 부모 요소의 n번째 하위 요소 일치, 첫 번째 번호 1E:nth-last-child(n): 부모 요소의 꼴찌 n번째 하위 요소 일치, 첫 번째 번호 1E:nth-of-type(n): nth-child()와 유사,그러나 같은 탭을 사용하는 원소만 일치E:nth-last-of-type(n): nth-last-child()와 유사하지만 같은 탭을 사용하는 원소만 일치E:last-child: 부모 원소의 마지막 하위 원소와 일치: nth-last-child(1)E:first-of-type: 부모 원소와 일치하는 첫 번째 하위 원소,동일: nth-of-type(1)E:last-of-type: 부모 원소에 일치하는 동일한 라벨의 마지막 하위 원소, 동일: nth-last-of-type(1)E:only-child: 부모 원소에 일치하는 유일한 하위 원소,first-child:last-child 또는 nth-child(1): nth-last-child(1): nth-last-child(1)E:only-of-type: 부모 원소에 일치하는 유일한 하위 원소,퍼스트-of-type:last-of-type 또는:nth-of-type(1):nth-last-of-type(1)E:empty: 하위 요소가 포함되지 않은 요소와 일치,텍스트 노드도 하위 요소로 간주됨E:not(selector): 현재 선택기에 부합되지 않는 모든 요소와 일치E::first-line: E 요소 내용의 첫 줄 일치E::first-letter: E 요소 내용의 첫 번째 자모와 일치E::before: E 요소 이전에 생성된 내용을 삽입E::after: E 요소 다음에 생성된 내용을 삽입합니다
문제3:a:link,a:hover,a:active,a:visited의 순서는 어떻게 됩니까?왜?
a:link, a:hover, a:active, a:visited의 순서는 a:link;a:visited;a:hover, a:active의 원리는 선택기의 우선순위가 같을 때 뒤에 쓴 것이 앞의 것을 덮어쓰는 것이다.마우스가 링크를 통과할 때 a link와 a hover 두 개의 속성을 동시에 가지고 원리에 따라 a hover 덮어쓰기alink한다.마우스가 방문한 링크를 통과할 때 a hover 속성은 a visited 정의를 덮어씁니다.마우스로 링크를 눌렀을 때a visited는 모든 속성을 덮어씁니다.
선택기의 우선 순위를 계산하려면 다음과 같이 하십시오.
1. 초기값 설정: 0,0,0,0,0 2.플러스！improtant, 1위에 1:1, 0, 0, 0, 0 3.내연 양식은 두 번째 위에서 1:0,1,0,0,0 4.id 선택기는 3위에 1:0,0,1,0,0 5.클래스 선택기는 4위에서 1:0,0,0,1,06.위조 클래스와 속성 선택기는 클래스 선택기와 같다. 0,0,0,1,0 7.라벨 선택기는 5위에 1:0,0,0,0,0,1을 추가합니다!important은 선택기에 대한 우선순위를 최고급으로 설정하여 모든 속성을 덮어씁니다.우선순위를 계산할 때 수 탭을 통해 계산합니다. 먼저 id를 세고, 만약 id가 같으면 재수류를 세고, 만약 id가 같지 않으면 id가 많은 선택기의 권한이 높고, 권한이 높을수록 우선순위가 높습니다.만약 id 선택기의 수량이 같으면, 클래스 선택기, 마지막 탭을 세십시오.순서대로 유추하다.