問題1 - 在HTML元素中指定內聯樣式時,是否需要包含尾部分號?例如...內聯CSS格式最佳實踐 - 兩個問題
<div style="padding:10px;">content</div>
問題#2 - 當指定內聯樣式時,應該在將屬性名與屬性值分開的冒號後插入空格嗎?
<div style="padding: 10px;">content</div>
與
<div style="padding:10px;">content</div>
問題1 - 在HTML元素中指定內聯樣式時,是否需要包含尾部分號?例如...內聯CSS格式最佳實踐 - 兩個問題
<div style="padding:10px;">content</div>
問題#2 - 當指定內聯樣式時,應該在將屬性名與屬性值分開的冒號後插入空格嗎?
<div style="padding: 10px;">content</div>
與
<div style="padding:10px;">content</div>
回答#1:號
分號需要聲明僅之間。
的聲明塊(也稱爲 {} - 嵌段在以下文本)開始 與左大括號({),結束 與匹配的右大括號 (})。在兩者之間必須有一個由零個或多個以分號分隔的 (;)聲明的列表 。
來源:http://www.w3.org/TR/css3-syntax/#rule-sets
風格屬性的值必須 匹配的 CSS聲明塊(不包括 限定括號)
源內容的語法: http://www.w3.org/TR/css-style-attr/#syntax
由於您只有一個declar沒有什麼可以分開的,所以不需要分號。
但是,CSS語法允許空聲明,這意味着您可以根據需要添加前導分號和尾隨分號。舉例來說,這是有效的CSS:
.foo { ;;;display:none;;;color:black;;; }
是相同的:
.foo { display:none;color:black }
答案#2:號
的聲明,或者是空的或 由一個屬性組成,後跟一個 冒號(:),後跟一個值。大約在 每個這些可能有空格。
來源:http://www.w3.org/TR/css3-syntax/#declarations
可以爲了提高可讀性添加空格,但他們沒有相關性。
我在處理下一個樣式表時看起來像'body {;;; margin:0 ;;; padding:0 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;); }':) – thirtydot 2011-04-20 15:28:06
@thirtydot別擔心,編寫這樣的代碼將毫無意義。雖然這是一個很好的派對伎倆。 – 2011-04-20 15:32:08
問題1:是的(如果您有多個內聯樣式指定,即使它不是最後一個需要的,最好在每個樣式後附加;
)。
CSS的正常規則內 的樣式屬性。每個CSS 聲明必須用 分號分隔「;」並且冒號在CSS屬性和其 值之間出現 。
問題2:不,但您可以添加它以便於閱讀。例如,Eclipse格式化會自動添加此空間。
Q1:不,但我總是包含一個尾隨分號。幾年前,分號可能是某些瀏覽器錯誤渲染(或缺少)的原因。我想現在不是問題。 Q2:不,兩種方式的意思是一樣的。您選擇在冒號後加上空格應基於個人對易讀性的偏好。
問題1:您的第一個問題不需要書寫,但如果存在多個定義,您需要使用分號。
問題2:box-shadow:0 0 5px 0 #000;
,你可能需要添加他們,無論如何,至少在一個CSS文件
一個原因:除非你是在一個特定的屬性中分隔值,如空間不需要如果您需要通過後處理器(如Sass)運行CSS,那麼在行尾沒有分號會導致編譯器失敗。
總結,然後:對於內聯樣式,上述答案適用,但對於文件系統上單獨文件中的CSS,我總是會添加額外的分號和空格以便於閱讀。當您準備好生產時,您可以隨時通過壓縮機運行您的CSS。
#1是的,你需要。 #2它唯一的編碼實踐。 – Anji 2011-04-20 15:09:30
@anji,你只需要分號來分隔兩種風格。最後一種風格不需要一個。 – 2011-04-20 15:18:16
也許爲未來的訪問者澄清問題/答案(ŠimeVidas),最好重新提出第二個問題:「應該插入空格」=>「有必要增加空格」。說「你不應該」這樣說「你不需要」。 – leonbloy 2011-04-20 15:38:00