>  기사  >  웹 프론트엔드  >  내 XML 문서가 CSS 스타일 시트를 사용할 수 없으면 어떻게 해야 합니까?

내 XML 문서가 CSS 스타일 시트를 사용할 수 없으면 어떻게 해야 합니까?

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-26 11:21:571710검색

XML 문서는 CSS 스타일 시트를 사용할 수 없습니다. 링크 방법이 잘못되었을 수 있습니다. 올바른 링크 방법은 "". XML은 데이터를 저장하고 전송하기 위한 것이며, XML은 사람과 기계가 읽을 수 있도록 설계되었습니다.

내 XML 문서가 CSS 스타일 시트를 사용할 수 없으면 어떻게 해야 합니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

xml은 CSS 스타일을 표시하지 않습니다.

소개:

XML이라는 용어를 이해해야 하며 웹 페이지나 웹 사이트를 개발하는 동안 이러한 다양한 XML 파일을 처리해 본 적이 있어야 합니다. 이 기사에서는 전적으로 XML과 CSS를 사용하여 XML을 표시하는 방법에 중점을 둡니다. CSS를 사용하여 XML을 표시하려면 따라야 할 많은 단계가 있으며, 이에 대한 모든 내용은 이 기사에서 더 자세히 설명하겠지만, 계속하기 전에 더 나은 이해를 위해 XML의 정의와 목적을 이해하겠습니다.

정의:

XML은 Extensible Markup Language를 의미합니다.

XML은 데이터를 저장하고 전송하도록 설계되었습니다. XML은 사람과 기계가 읽을 수 있도록 설계되었습니다.

이제 XML의 정의와 사용법을 익힌 후 CSS를 사용하여 XML을 표시하는 단계를 살펴보겠습니다.

여기에서는 CSS를 사용하여 XML을 표시하는 방법에 대해 설명합니다. 하지만 그 전에 CSS를 더 명확하게 이해할 수 있도록 먼저 CSS의 정의를 살펴보는 것이 좋습니다.

CSS는 캐스케이딩 스타일 시트를 의미합니다.

CSS를 사용하면 명확하고 정확한 방식으로 스타일을 추가하고 XML 파일에 정보를 표시할 수 있습니다. 전체 XML 문서의 형식을 지정할 수 있습니다.

XML용 CSS를 정의하는 단계:

XML 문서에 대한 CSS 스타일시트를 정의하려면 다음 단계를 따르세요.

  1. 글꼴 크기, 글꼴 색상 등과 같은 특정 요소에 대한 스타일을 정의하세요.

  2. 각 요소를 목록 요소로 정의하고 CSS 표시 속성을 사용하여 차단합니다.

  3. 제목을 확인하고 굵게 표시하세요.

CSS와 XML 연결:

CSS를 사용하여 XML 문서를 표시하려면 가장 중요한 것은 XML 문서를 CSS와 연결하는 것입니다.

다음 구문을 사용하여 XML 문서를 CSS에 연결할 수 있습니다.

    <?xml-stylesheet type="text/css" href = "name_of_the_CSSFile.css"?>

참고:

XML 파일 상단에서 위 구문을 사용해야 합니다. 그렇지 않으면 XML이 표시되지 않고 오류가 발생할 수 있습니다.

예:

개념을 명확하게 이해하려면 예가 매우 중요한 역할을 하므로 잘 정리된 예는 상황을 더 명확하게 하는 데 도움이 됩니다. 이 예에서는 다섯 가지 주제에 대한 정보가 포함된 XML 파일이 생성되고 CSS는 XML 파일을 표시하는 데 사용됩니다.

XML 파일:

"Class.xml" 을 XML 파일로 생성

<?xml version="1.0" encoding="UTF-8"?> 
<?xml-stylesheet type="text/css" href="Semester.css"?> 
<subject> 
	<heading>Welcome To IncludeHelp</heading> 
	<subject> 
		<name>Name -: Compiler Design</name> 
		<teacher>Teacher -: Chris</teacher> 
		<credits>Credits -: 3.0</credits> 
	</subject> 
	<subject> 
		<name>Name -: Software Engineering</name>
		<teacher>Teacher -: S.K Jha</teacher> 
		<credits>Credits -: 2.0</credits> 
	
	</subject> 
	<subject> 
		<name>Name -: Operating System</name> 
		<teacher>Teacher -: Sanjay</teacher> 
	        <credits>Credits -: 3.0</credits>  
	</subject> 
	<subject> 
		<name>Name -: DBMS</name>
		<teacher>Teacher -: Aman Singh</teacher> 
		<credits>Credits -: 4.0</credits> 
	</subject> 
	<subject> 
		<name>Name -: Data Science</name>
		<teacher>Teacher -: Hitendra Dhakarey</teacher> 
		<credits>Credits -: 1.0</credits> 
	</subject> 
</subject>

CSS 파일:

"Semester.css" 를 CSS 파일로 생성,

subject {
    color: white;
    background-color: red;
    width: 100%;
}

heading {
    color: green;
    font-size: 40px;
    background-color: pink;
}

heading,
name,
teacher,
credits {
    display: block;
}

name {
    font-size: 25px;
    font-weight: bold;
}

출력:

How to display XML using CSS?

위의 예에서는 해당 주제와 해당 교사에 대한 다양한 정보가 포함된 XML 파일이 생성되고 CSS를 사용하여 XML 파일을 표시하는 것을 볼 수 있습니다.

추천 학습: css 비디오 튜토리얼

위 내용은 내 XML 문서가 CSS 스타일 시트를 사용할 수 없으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.