2011-09-15 27 views

回答

17

我想你試圖把你的CSS放在HTML頁面,而不是內聯。

您可以通過它周圍的style標籤把CSS在HTML頁面中(通常在head):

<style type="text/css"> 
    p.first{ color: blue; } 
    p.second{ color: red; } 
</style> 
+1

@Joe - 如HTML5,我們不需要'類型= 「文/ CSS」'了... –

+2

問題是XHTML標記,而不是HTML5雖然;-) – Joe

+1

@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

0

是的,你可以在HTML文件中插入CSS樣式。例如:

<p>...</p> 
<style type="text/css"> 
p.first { ... } 
</style> 
<div>...</div> 

正如您在文獻中發現的那樣,它不被認爲是一種好的做法。

3

當然,這裏有一個例子。但是,最好將您的樣式保存在一個單獨的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> 
1

你也可以把css放在p標籤裏面。

<html> 
<body> 
<p class="first" style="color:blue;"></p> 
<p class="second" style="color:red;"></p>            
</body> 
</html> 
1

關於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> 
相關問題