[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ù)
。
。
。
測試結(jié)論:
????只有第8種的方法解析成功
求解決問題:
????為什么會這樣?
2015-03-22
因為Color 是一個屬性,所以后面用冒號,red的是color的值,只有這一個值,所以后面用分號,
Border是一個屬性,它有三個值 分別是邊框的像素(10px),形狀(solid實心),顏色
如果后面還有其他屬性的話在blue后面還要有分號連接。
2015-05-22
因為這是縮寫,縮寫直接是空格。完整寫法是border-width:1px;border-style="solid";border-color:red;