我目前正在使用Codecademy HTML課程。他們說CSS編程語言中分號的主要功能是什麼?
屬性通過定義屬性和值在選擇器內定義。它們用冒號分隔,並用分號描述。
那麼分號表示HTML的屬性的相對位置?
這個冒號和分號符號系統是如何工作的?計算機如何理解這一點?
我目前正在使用Codecademy HTML課程。他們說CSS編程語言中分號的主要功能是什麼?
屬性通過定義屬性和值在選擇器內定義。它們用冒號分隔,並用分號描述。
那麼分號表示HTML的屬性的相對位置?
這個冒號和分號符號系統是如何工作的?計算機如何理解這一點?
冒號在屬性之後和值之前,分號位於語句的末尾。所以對於像color: red;
這樣的CSS,顏色是屬性,紅色是值。
會更好地解釋爲什麼這個工作原理或爲什麼使解析更容易(這是它的原因)。一個人可以沒有分號的CSS,但很難分析 –
分隔符是用來分隔一個字段與另一個字段的字符。它們需要是唯一的,以免與其他語法混淆。例如,在CSS
.aClass, #anID, aTag { border : 1px solid #000; color: #fff; }
/* ^-- 3 selectors, ^property ^-- Value --^^ Next property
* comma delimited
*/
正如你可以看到,有相當多的分隔符(CSS不關心有多少空間,如果有的話,每個字之間)。
{}
:
,然後附帶的值想一想,它的一個簡單方法是在excel中導入一個文本文件,並讓它通過空格或製表符分隔列。
你的問題基本上是「如何編程語言工作?」
計算機讀取字符,並根據它是冒號還是分號,它沒有什麼不同。
例如,對於color: white;
,處理代碼的Web服務器理解到冒號的所有文本都是屬性(顏色),並且冒號後面和分號前的所有文本都是屬性的設置(白色)。分號後的所有內容都是新東西,通常放在一個新的行上,但只要用分號分隔它們,它也可以全部放在一行上。
在CSS中,冒號分隔語法,分號表示該特定樣式已結束。
例如:
position : relative ;
上述聲明是說,你想要的CSS來尋找在位置屬性,你希望它是一個相對性的。
使用分號的原因是因爲您可能有多個用空格分隔的屬性。
如:
padding: 5px 2px 1px 8px;
這裏,這是說,我想改變這個元素我選擇的填充。但我不希望它是平坦的。我希望頂部是5px,右邊是2px,底部是1px,左邊是8px,這就是全部。
此外,你甚至可以在值中換行!像單個「背景」具有多個漸變的東西可以從換行中獲益,從而使屬性更具可讀性。 – Scott
分號用於分隔多個聲明,但不需要終止它們。但是,在將來維護代碼時,最好包含分號來終止聲明以避免混淆。 您可以參考這個職位:Leaving out the last semicolon of a CSS block
我知道最後一個問題很難回答。但這是一個有趣的想法。 –
答案是,它使得css解析更容易,比沒有分隔符來分隔聲明的部分,如冒號和分號,它是不可行的,但使解析非常困難 –
我認爲它很難回答這在CSS方面比根據傳統的* actual *編程語言(調用CSS one *是一個*巨大*延伸)來回答。因爲在CSS中,分號只能與傳統的「語句分隔符」一起出現,意思是在特定的位置。 – BoltClock