WORLD_CONNECTED
2015-03-22 21:04
问题:
代码第7行,为什么color后面加“:”,并且加“;”。
而solid不加,也不用“;”隔开上一句solid?
尝试:
1.color red border 10px solid blue
结果:解析失败。不红,也没框。
2.color red;border 10px solid blue
结果:解析失败。不红,也没框。
3.color red;border 10px;solid blue
结果:解析失败。不红,也没框。
4.color:red border 10px solid blue
结果:解析失败。不红,也没框。
5.color:red border:10px solid blue
结果:解析失败。不红,也没框。
6.color:red border:10px solid:blue
结果:解析失败。不红,也没框。
7.color:red;border 10px solid blue
结果:解析失败。变红,但没框。
8.color:red;border:10px solid blue
结果:解析成功。变红,出现框。 <<-----成功
继续
。
。
。
测试结论:
只有第8种的方法解析成功
求解决问题:
为什么会这样?
因为Color 是一个属性,所以后面用冒号,red的是color的值,只有这一个值,所以后面用分号,
Border是一个属性,它有三个值 分别是边框的像素(10px),形状(solid实心),颜色
如果后面还有其他属性的话在blue后面还要有分号连接。
因为这是缩写,缩写直接是空格。完整写法是border-width:1px;border-style="solid";border-color:red;
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题
回答 2
回答 2