[html/css]为什么有些语句不加:和;有些加?

来源:9-1 继承者 - 样式的继承

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种的方法解析成功


求解决问题:

    为什么会这样?

写回答 关注

2回答

  • 发条橙
    2015-03-22 21:24:39
    已采纳

    因为Color 是一个属性,所以后面用冒号,red的是color的值,只有这一个值,所以后面用分号,

    Border是一个属性,它有三个值 分别是边框的像素(10px),形状(solid实心),颜色

    如果后面还有其他属性的话在blue后面还要有分号连接。

    发条橙 回复WORLD_...

    可以百度一下啊

    2015-03-22 22:47:59

    共 2 条回复 >

  • Q号哦
    2015-05-22 17:36:41

    因为这是缩写,缩写直接是空格。完整写法是border-width:1px;border-style="solid";border-color:red;

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225812 学习 · 18234 问题

查看课程

相似问题