CSS의 전체 이름은 계단식 스타일 시트(Cascading Style Sheet)이고 중국어 이름은 계단식 스타일 시트(Cascading Style Sheet)라고도 합니다. 코드를 깔끔하게 만들 수 있고 일부 스타일을 일괄 처리할 수 있다는 장점이 있습니다. 기본 구문: 주석 기호: /* */ 선택기 기호: 선택기 {속성:값} 동일한 속성의 값은 공백으로 구분되며, 서로 다른 속성의 값은 세미콜론으로 구분됩니다. 대소문자를 구분합니다. 예를 들어 페이지의 테이블 스타일을 커스터마이즈하고 싶다면 table {...;...;}라고 씁니다. 선택기를 사용하는 방법이 다양해서 너무 게을렀습니다. 다시 입력하세요. 인터넷에서 복사했습니다:
선택 모드
설명
*
은 모든 요소와 일치합니다. (범용 선택자)
에
은 E 요소(예: E 유형 요소)와 일치합니다. (유형 선택기)
EF
요소 E의 하위 요소 F와 일치합니다. (하위 선택자)
E > F
요소 E의 하위 요소 F와 일치합니다. (하위 선택자)
E:첫째
E 요소가 상위 요소 내의 첫 번째 하위 요소인 경우 요소 E와 일치합니다. (:첫째 의사 클래스)
E:링크 E:방문
E가 대상을 방문하지 않았거나(:link) 방문한(:visited) 하이퍼링크의 소스 앵커인 경우 요소 E와 일치합니다. (링크 의사 클래스)
E:활성 E:호버 E:초점
특정 사용자 작업에서 E와 일치합니다. (동적 의사 클래스)
E:lang(c)
(인간) 언어 c에 있는 경우 유형 E의 요소와 일치합니다(문서 언어에 따라 언어가 결정되는 방식이 결정됨). (:lang() 의사 클래스)
EF
E 요소가 F 요소 바로 앞에 있는 경우 F 요소를 일치시킵니다. (근접 선택기)
E[속성]
값에 관계없이 "attr" 속성 세트가 있는 모든 요소 E와 일치합니다. (속성 선택기)
E[attr="경고"]
"attr" 속성 값이 "warning"과 정확히 동일한 모든 요소 E와 일치합니다. (속성 선택기)
E[attr~="경고"]
"attr" 속성 값이 공백으로 구분된 값 목록이고 그 중 하나가 "warning"과 엄격하게 동일한 모든 요소 E와 일치합니다.(属性选择器)
E[lang|="en"]
匹配其“lang”属性具有以“en”开头(从左边)的值的列表的任意元素 E 。(属性选择器)
DIV.warning
仅 HTML。用法同 DIV[class~="warning"]。(类选择器)
E#myid
匹配 ID 等于“myid”的任意元素 E 。(ID 选择器)
사용하면서 자세히 설명하겠습니다. CSS 우선순위: 동일한 페이지 또는 CSS 파일에 동일한 요소에 대한 여러 정의가 있는 경우가 있는데, 이 경우 우선순위에 따라 렌더링해야 합니다. 우선순위는 외부에서 정의된 스타일의 우선순위와 기타 스타일의 우선순위로 구분됩니다. 외부 정의 스타일의 우선순위: 특정 알고리즘에 대해서는 이야기하지 않습니다. 여기서는 간단히 결과에 대해 이야기하겠습니다. id 선택기>클래스 선택기>속성 선택기>의사 클래스 선택기>요소 선택기>의사 요소 선택기>글로벌 선택기>기타 다른 스타일 정의의 우선순위: 텍스트 내 스타일, 즉 스타일=... 요소에서 이것은 가장 고급이며 모든 외부 정의 스타일보다 우선합니다. "!important"는 버전마다 사용법이 다르기 때문에 자세히 설명하지 않겠습니다. 필요한 경우 확인하시기 바랍니다. 상속을 통해 얻은 스타일: 우선순위가 가장 낮은 스타일입니다. CSS 속성: http://www.jb51.net/w3school/css/css_reference.htm 참고하세요 (야 이거 너무 무책임하다! 가을) CSS 유닛: http://www.jb51 . net/w3school/css/css_units.htm (Blogger, 너 정말 패배자야! 추락!) (못들은 척) 지원링크에 들어가자( ̄︶ ̄) 1. 현재 페이지의 스타일:
XML에는 다음과 같은 몇 가지 죽은 규칙이 있습니다. 선언문이 있어야 합니다 인코딩과 같은 다른 속성이 있을 수 있습니다. xml을 제외한 모든 요소는 닫혀 있어야 합니다. 즉, />가 있어야 합니다. 속성 값은 따옴표로 묶어야 합니다. 대소문자를 구분합니다. 문자로 이름을 태그하세요. "_" 및 ":"으로 시작하고 문자, 숫자, 마침표, 콜론 및 밑줄이 뒤에 올 수 있습니다. 루트 노드는 하나만 있습니다. XPath XPath는 XML 파일에서 정보를 찾고 찾는 데 사용되는 언어입니다. 트리의 요소와 속성을 순회할 수 있습니다. 모두가 숫자가 무엇인지 알고 있습니다. 사실 여기서 이야기하고 있는 것은 단지 xpath의 구문에 관한 것입니다. xpath의 구문은 http://www.jb51.net/w3school/xpath/xpath_syntax.htm을 참조하세요. "XPath 구문", "XPath 축", "XPath 연산자"를 간략하게 살펴보고 다음을 참조하세요. 위 웹페이지의 Manual 열 아래에 있는 "XPath Functions"를 참조하세요. 대충 탐색한 후 연습의 다음 부분을 시작할 수 있습니다. 먼저 xml 파일 제공:
이 외에도 xml 파일 노드는 실제로 조건을 추가할 수 있습니다. 예를 들어 첫 번째 조건만 충족하면 됩니다. 조건 노드:
/bookstore/book[1]/title 또는 가격이 35보다 높습니다:
/bookstore/book[price>35]/price before 예제에서는 모든 하위 노드를 반환하는 효과를 보여주기 위해 조건부 선택을 사용하지 않았습니다. 결국 이것이 일반적으로 사용됩니다.
XML 파일을 변환하는 데 사용되는 언어인 XSLT라는 개념이 여기에 언급되어 있습니다. 전체 이름은 확장 가능한 스타일시트 언어 변환입니다. XSLT는 XPath를 빌려 xml 문서에서 정보를 찾습니다. xml 파일에 저장된 내용을 지정된 스타일에 따라 html 페이지로 표시할 수 있습니다.
특별히 관심이 있는 학생들은 확인해봐도 되지만 저는 어차피 관심이 없습니다. . ╮(╯▽╰)╭
드디어 xml의 마지막 개념인 data island
에 도달했습니다. 이는 실제로 페이지에 CSS와 마찬가지로 xml 데이터 정보가 포함될 수 있음을 의미합니다. 내부적으로는 ...... 외부에서도 가져올 수 있습니다: >data of xml data island html 태그에 대한 바인딩은 datasrc와 datafld를 통해 완료했는데 실행해본 결과 코드가 실행되지 않아서 당분간은 이대로 두고 나중에 보완하도록 하겠습니다. 코드를 완성하세요.