2015-09-08 41 views
1

我目前正在使用Codecademy HTML課程。他們說CSS編程語言中分號的主要功能是什麼?

屬性通過定義屬性和值在選擇器內定義。它們用冒號分隔,並用分號描述。

那麼分號表示HTML的屬性的相對位置?

這個冒號和分號符號系統是如何工作的?計算機如何理解這一點?

+0

我知道最後一個問題很難回答。但這是一個有趣的想法。 –

+0

答案是,它使得css解析更容易,比沒有分隔符來分隔聲明的部分,如冒號和分號,它是不可行的,但使解析非常困難 –

+2

我認爲它很難回答這在CSS方面比根據傳統的* actual *編程語言(調用CSS one *是一個*巨大*延伸)來回答。因爲在CSS中,分號只能與傳統的「語句分隔符」一起出現,意思是在特定的位置。 – BoltClock

回答

3

冒號在屬性之後和值之前,分號位於語句的末尾。所以對於像color: red;這樣的CSS,顏色是屬性,紅色是值。

+0

會更好地解釋爲什麼這個工作原理或爲什麼使解析更容易(這是它的原因)。一個人可以沒有分號的CSS,但很難分析 –

0

分隔符是用來分隔一個字段與另一個字段的字符。它們需要是唯一的,以免與其他語法混淆。例如,在CSS

.aClass, #anID, aTag { border  : 1px solid #000; color: #fff; } 
/* ^-- 3 selectors, ^property  ^-- Value --^^ Next property 
    * comma delimited 
    */ 

正如你可以看到,有相當多的分隔符(CSS不關心有多少空間,如果有的話,每個字之間)。

  • 選擇器挑選樣式將應用到的元素,並用逗號隔開
  • 所有規則會落入{}
  • 屬性名稱包圍塊是要應用的風格類型和之後是:,然後附帶的值
  • 該規則的結尾用';'標記,將它與下一個分開。

想一想,它的一個簡單方法是在excel中導入一個文本文件,並讓它通過空格或製表符分隔列。

0

你的問題基本上是「如何編程語言工作?」

計算機讀取字符,並根據它是冒號還是分號,它沒有什麼不同。

例如,對於color: white;,處理代碼的Web服務器理解到冒號的所有文本都是屬性(顏色),並且冒號後面和分號前的所有文本都是屬性的設置(白色)。分號後的所有內容都是新東西,通常放在一個新的行上,但只要用分號分隔它們,它也可以全部放在一行上。

0

在CSS中,冒號分隔語法,分號表示該特定樣式已結束。

例如:

position : relative ; 

上述聲明是說,你想要的CSS來尋找在位置屬性,你希望它是一個相對性的。

使用分號的原因是因爲您可能有多個用空格分隔的屬性。

如:

padding: 5px 2px 1px 8px; 

這裏,這是說,我想改變這個元素我選擇的填充。但我不希望它是平坦的。我希望頂部是5px,右邊是2px,底部是1px,左邊是8px,這就是全部。

+1

此外,你甚至可以在值中換行!像單個「背景」具有多個漸變的東西可以從換行中獲益,從而使屬性更具可讀性。 – Scott