[html/css]為什么有些語句不加:和;有些加?
問題:
代碼第7行,為什么color后面加“:”,并且加“;”。
而solid不加,也不用“;”隔開上一句solid?
嘗試:
????1.color red border 10px solid blue?
????????結(jié)果:解析失敗。不紅,也沒框。
? ? 2.color red;border 10px solid blue
????????結(jié)果:解析失敗。不紅,也沒框。
? ? 3.color red;border 10px;solid blue
????????結(jié)果:解析失敗。不紅,也沒框。
? ? 4.color:red border 10px solid blue?
????????結(jié)果:解析失敗。不紅,也沒框。
? ? 5.color:red border:10px solid blue?
????????結(jié)果:解析失敗。不紅,也沒框。
? ? 6.color:red border:10px solid:blue?
????????結(jié)果:解析失敗。不紅,也沒框。
? ? 7.color:red;border 10px solid blue?
????????結(jié)果:解析失敗。變紅,但沒框。
? ? 8.color:red;border:10px solid blue?
????????結(jié)果:解析成功。變紅,出現(xiàn)框。 ? ? <<-----成功
繼續(xù)
。
。
。
測(cè)試結(jié)論:
????只有第8種的方法解析成功
求解決問題:
????為什么會(huì)這樣?
2015-03-22
因?yàn)镃olor 是一個(gè)屬性,所以后面用冒號(hào),red的是color的值,只有這一個(gè)值,所以后面用分號(hào),
Border是一個(gè)屬性,它有三個(gè)值 分別是邊框的像素(10px),形狀(solid實(shí)心),顏色
如果后面還有其他屬性的話在blue后面還要有分號(hào)連接。
2015-05-22
因?yàn)檫@是縮寫,縮寫直接是空格。完整寫法是border-width:1px;border-style="solid";border-color:red;