XML文檔不能使用css樣式表可能是鏈接方法出錯了,正確的鏈接方法為“<?xml-stylesheet type="text/css" href="css文件的地址"?>”。XML旨在存儲和傳輸數(shù)據(jù),XML的設(shè)計使其可以被人類和機器讀取。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
xml不顯示css樣式
介紹:
您必須了解術(shù)語XML,并且在開發(fā)網(wǎng)頁或網(wǎng)站時必須已經(jīng)處理了這些各種XML文件。 本文完全側(cè)重于XML以及如何使用CSS顯示它們。 使用CSS顯示XML需要遵循許多步驟,本文將進一步討論所有這些步驟,但是在繼續(xù)進行之前,讓我們先了解一下XML的定義和目的,以更好地理解。
定義:
XML代表可擴展標(biāo)記語言 。
XML旨在存儲和傳輸數(shù)據(jù)。 XML的設(shè)計使其可以被人類和機器讀取。
現(xiàn)在,在熟悉XML的定義和用途之后,讓我們繼續(xù)前進,看看使用CSS顯示XML的步驟。
在這里,我們將討論如何使用CSS顯示XML,但是在此之前,為什么不首先進行CSS的定義,以便我們可以更清楚地理解它。
CSS代表層疊樣式表 。
CSS可用于添加樣式并以清晰,精確的方式將信息顯示到XML文件中。 它可以格式化整個XML文檔。
為XML定義CSS的步驟 :
要為XML文檔定義CSS樣式表,請遵循以下步驟,
-
定義特定元素的樣式,如字體大小、字體顏色等。
-
將每個元素定義為一個列表元素,使用CSS的display屬性阻塞。
-
確定標(biāo)題并使其加粗。
將XML與CSS鏈接 :
要使用CSS顯示XML文檔,最重要的是將XML文檔與CSS鏈接。
以下語法可用于將XML文檔鏈接到CSS。
<?xml-stylesheet type="text/css" href = "name_of_the_CSSFile.css"?>
注意:
確保在XML文件頂部使用上述語法,否則XML將不會顯示,并且您可能會遇到一些錯誤。
例:
為了清楚地理解一個概念,一個示例起著非常重要的作用,因此為您精心策劃一個示例,這將有助于使事情變得更加清晰。 在此示例中,將創(chuàng)建XML文件,其中包含有關(guān)五個主題的信息,并使用CSS顯示XML文件。
XML檔案:
創(chuàng)建“ 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文件:
創(chuàng)建“ 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; }
輸出:
在上面的示例中,您可以看到創(chuàng)建了一個XML文件,其中包含有關(guān)主題及其相應(yīng)教師的各種信息,然后使用CSS顯示XML文件。
推薦學(xué)習(xí):css視頻教程