2011-08-24 74 views
0

我是新來的CSS。我的項目是Layout Manager。大部分時間我使用inline css。當我向項目負責人展示我的項目時,他說要減少內聯css。在asp.net中使用內聯css是不好的做法嗎?

內嵌css對項目真的很糟糕嗎?請幫助清除我的視野。

+0

@Razvan非常感謝編輯我的Q. –

回答

6

內嵌CSS不好,期間。使用哪個框架並不重要。除了膨脹文件(並且潛在的減緩加載時間),它也使得很難找出heck值被設置在哪裏 - 作爲一般規則,HTML是動態的並且CSS很少。這意味着如果你想改變一個樣式值,你可能正在尋找一個扁平的CSS文件,而不是一個潛在的海量代碼庫。

+4

它並不是那麼簡單,它並不總是使用內聯css的最糟糕的事情。有時你只需要改變單行文本的顏色,而不能或不想改變整個樣式表文件。如果您使用的是良好的web開發工具(如螢火蟲),您可以輕鬆找出設置樣式表的位置。 – shaggy

+2

@shaggy在這一點上,我認爲你更討論「必要的惡」而不是「好」。我已經做到了,討厭它,但有時需求是需求,我們別無選擇。 – cwallenpoole

+0

@cwallenpoole非常感謝,有助於清除我的視野。 –

1

我新在CSS

不,你是新來wweb編程。你不能說你做HTML等不接觸CSS可言;)

我的項目是佈局管理

它告訴我們什麼。

內嵌css對項目是否真的很糟糕?

不,它對您的項目沒有影響。

它通常是一個維護問題(不自動生成)。它的主要問題是帶寬浪費,因爲內聯CSS必須位於每個頁面上,而不是放置在站點中所有頁面的僅一次加載的分頁文件上。根據規模和流量,這可能是重要的。

1

的原因,應該避免內聯CSS

一)Separation of concerns - 您的標記應該只包含標記代碼和所有你rhutehr虎背熊腰,腳蹬dory的代碼應該是在這樣的CSS的主要目標js和css.One單獨的文件是從HTML中刪除設計元素,並將它們放置在另一個位置供設計人員維護。這意味着設計師不一定要成爲內容開發者才能保持網站的外觀。

B)緩存文件的,當你有你的JS和單獨的文件瀏覽器啓動緩存此,直到事情已經改變在服務器上,這意味着服務器,從而節省了B上的客戶端之間傳輸的數據較少的CSS/w和網頁加載更快觀衆..

C)容易維護 一個網頁設計的最容易被遺忘的元素是維護。事情發生變化 - 從您的網站外觀到內容和鏈接。將CSS放在中心位置使其更容易維護。

d)保持網站accessibile 使用CSS樣式可以讓您的網站更容易獲得既殘疾人和像搜索引擎機器人。

E)您的網站將保持目前的再 通過使用最佳實踐你的CSS,你使用的是已被證明的工作,並保持靈活的網頁設計環境的變化的標準。

0

內聯CSS是好還是壞取決於你將在未來的項目中實現。

例如藉此兩種一般情況下:

如果你定義內聯的CSS將被再次使用,那麼使用內聯是壞的,只是將它添加到CSS文件,每次你在將來需要時重用。

如果您使用的是直列是一次例外,那是一個很好的解決方案,存在通過將其放置在一個單獨的css文件過於複雜的設計是沒有意義的。

1

在這種情況下,風格將頁面加載之前加載。

<html> 
<head> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <div class="anyClass">Hello</div> 
</body> 
</html> 

但是如果我們用下面,瀏覽器會分析行內定義的樣式屬性的每一個具體的風格時被打斷,所以這將放緩加載時間:

<html> 
<body> 
    <div style="height: 70px;">Hello</div> 
</body> 
</html> 

此外,將在風格一個單獨的樣式表將幫助您重用樣式,並且代碼的維護將變得更加容易。

0

這是一個很好的做法,在不同的文件中單獨的HTML,CSS和JavaScript因爲你是新的網頁編程,可以從一開始就容易使這種做法。

內嵌CSS的缺點是:帶寬的

  • 大量使用。
  • 不能在多個文檔上使用樣式。
  • 無法實現內嵌樣式僞元素和僞類。
  • 無法創建內嵌CSS整潔的HTML。
相關問題