2011-11-25 276 views
-1

哪種更好的內聯樣式或鏈接冗餘樣式表?我的意思是多餘的是,當你想爲不同的結果產生不同的輸出時,這可能意味着許多不同的樣式爲css標記中的特定標籤。如何設計PHP生成的標籤?

回答

2

將樣式分離爲樣式表幾乎總是優於內聯style屬性。您可以將類分配給PHP輸出中的標籤,然後在CSS樣式表中對其進行樣式設置。通過修改樣式表然後重新設置標籤類型或類的所有元素是非常容易的。

如果您希望使用相同的HTML標記爲不同的屏幕/設備類型(例如移動設備)生成不同的視覺樣式,單獨的樣式表也非常重要。

1

標籤是標籤是標籤。它在客戶端上。客戶不知道標籤是由PHP,.NET或在月球上鍵盤上打字的人創建的。

使用樣式表和類名稱。最好使用外部樣式表,以便瀏覽器可以在隨後的頁面加載中對其進行緩存。

<div class="...."></div> 

div.happy { 
    color:#00ff00 
} 

div.sad { 
    color:#ff0000 
} 
0

八方通時,你想使模板使用鏈接的風格,它的有用因爲它會去緩存你的頁面打開速度更快,ASLO你會取得更多的搜索機器人(如Googlebot)提供與您頁可以被排名較高

用於連接使用類似

<link type="text/css" rel="stylesheet" href="http://yourURL/css/styles.css" media="screen" /> 

PHP可以爲你輸出HTML,你可以應用CSS給它

echo '<div id="something"><a class="link"><span><h1>text</h1></span></a></div>"; 

並且您可以使用

#something { 
font-size:10px; 
} 
.link{ 
color:#333 
} 
a.class{ 
font-weight:bold; 
} 
a span { 
text-align:right; 
} 
h1{ 
color:red 
}