是否可以在xhtml文件內嵌入類的CSS定義?是否有可能在xhtml文件內嵌入類的CSS定義?
我的意思是,把成才,如:
p.first{ color: blue; }
p.second{ color: red; }
在我的網頁,而不是在一個單獨的CSS文件。
是否可以在xhtml文件內嵌入類的CSS定義?是否有可能在xhtml文件內嵌入類的CSS定義?
我的意思是,把成才,如:
p.first{ color: blue; }
p.second{ color: red; }
在我的網頁,而不是在一個單獨的CSS文件。
我想你試圖把你的CSS放在HTML頁面,而不是內聯。
您可以通過它周圍的style
標籤把CSS在HTML頁面中(通常在head
):
<style type="text/css">
p.first{ color: blue; }
p.second{ color: red; }
</style>
是的,你可以在HTML文件中插入CSS樣式。例如:
<p>...</p>
<style type="text/css">
p.first { ... }
</style>
<div>...</div>
正如您在文獻中發現的那樣,它不被認爲是一種好的做法。
當然,這裏有一個例子。但是,最好將您的樣式保存在一個單獨的css文件中。
<html>
<head>
<title>Classes</title>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<style type="text/css">
img {
padding:10px;
margin:5px;
border:1px solid #d5d5d5;
}
div.thumb {
float:left;
}
div.caption {
padding-left:5px;
font-size:10px;
}
</style>
</head>
<body>
<div>your page code etc..</div>
</body>
</html>
你也可以把css放在p標籤裏面。
<html>
<body>
<p class="first" style="color:blue;"></p>
<p class="second" style="color:red;"></p>
</body>
</html>
關於CSS的好處是它可以在任何文件中使用,而不僅僅是HTML,XML文件。你只需要定義頁面
<style type="text/css">
<all my styles goes here>
</style>
在HTML和HTML/XHTML中像這樣的SYLE塊,標準是,你會把這個塊的頭部部分。如果它是其他類型的文件,例如.aspx或.php,則該塊仍然有效,即使它不在塊頭中。
例
<?php
/* mytest.php file */
<style>
<my styles>
</style>
?>
同樣如此爲ASPX文件。
您也可以定義內聯CSS,這意味着CSS在元素標記中正確。語法是
<p style="<all my styles>"> My paragraph contain inline CSS</p>
@Joe - 如HTML5,我們不需要'類型= 「文/ CSS」'了... –
問題是XHTML標記,而不是HTML5雖然;-) – Joe
@Joe :問題最初是標記爲JSF,它使用基於XML的視圖技術(Facelets),它需要XHTML模板來生成HTML。輸出可以是完美有效的HTML5。另見http://stackoverflow.com/questions/2935759/is-it-possible-to-use-jsffacelets-with-html-4-5/3869174#3869174 – BalusC