2011-10-12 76 views
-4

我正在像如何爲其編寫css?

<head><style type="text/css">span.blue{color:blue;}</style>; 

CSS和使用HTML像

<html>I am <span class=blue>red</span></html>; 

現在我想避免的HTML代碼,跨度和類的話,有沒有可能像

<html>I am <blue>red</blue></html>; 
+1

不爲什麼你正在使用如此多的引用以及你爲什麼要逃避其中的一部分。這不是HTML(除了你缺少'body'標籤)。但不,這是不可能的。 HTML有一組定義良好的元素。你不能定義你自己的。 –

+0

我知道這是可能的,但不要怎麼做? – Harikrishna

+1

首先明確您的問題。你想達到什麼?我認爲你想要的是不可能的。 –

回答

2

當然,你可以,如果你喜歡這樣做:http://jsbin.com/uhiyoj

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 

<style> 
blue { 
    color: blue 
} 
</style> 

</head> 
<body> 

    <blue>Hello World</blue> 

</body> 
</html> 

但是,這是一個可怕的想法。

只要堅持<span class="blue">

+1

我同意。這是一個壞主意 –

+0

但它不起作用。 – Harikrishna

+0

它適用於除IE8及更低版本以外的所有瀏覽器。如果您需要在這些瀏覽器中使用此功能,則需要使用[html5shiv](http://code.google.com/p/html5shiv/),然後將每個自定義元素添加到內部元素列表中:'abbr | | article | aside | audio | canvas | datalist | details | figcaption | figure | footer | header | hgroup | mark | meter | nav | output | progress | section | subline | summary | time | video' < - add | | blue' 。 – thirtydot

0

你在找什麼是自定義的html標籤。爲了使用自定義HTML標記嘗試這個link 希望它有助於

0

首先,您的HTML無效並且未聲明文檔類型。您的內容必須介於<body>之間。其次,你也許能夠在你的風格中使用藍色:{color:blue}並且定義你的藍色標籤 ,但它會讓你的CSS和你的html完全無效並且有0%的機會正在跨瀏覽器兼容。

0

您可以避免使用class和span標籤 - 但不能自己組裝。

  • 類 - 使用相對選擇
  • 跨度 - 使用強/ EM而不是 - 他們在那裏爲這樣的事情

嘗試

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Test</title> 
<style type="text/css"> 
body div strong {color:blue;} 
</style> 
</head> 
<body><div> 
I am <strong>red</strong>ok. 
</div> 

</body> 
</html>