#嵌套关系

    • 父子关系:在嵌套中两个相邻的互相嵌套的元素,外层为父元素,里层为子元素。
    • 同胞关系:两个或多个不互相嵌套的地位平等的元素为同胞关系(兄弟关系)。
    • 后代关系:在嵌套中外层元素的所有子元素的子元素的子元素….都属于它的后代。

    #样式的继承

    1. 当父元素设置css样式时,子元素有相同的css样式。
    2. 当子元素和父元素设置相同css样式的不同属性值时,子元素会覆盖父元素的css样式。

    *一般只有文字才有继承性


    #颜色的取值
    color: black;

    • 使用颜色名:已命名颜色有184个颜色,但所有浏览器都支持的只有16种。


    • 使用RGB:

    color: rgb(red, green, blue);
    值为数字:
    color: rgb(120, 240, 120);

    值为百分比%:
    color: rgb(80%, 50% , 80%);

    color: rgba(120, 240, 120, 0.3);
    raba内的第四个小数数值可以设置改颜色的透明度。

    • 使用16进制:

    color: #238E23;
    16进制颜色对照表:
    c83d70cf3bc79f3d1fb20600b9a1cd11728b29ab.gif