学习钢要：样式生效规则

学习条件

1. 了解css/css3常见选择器

学习目标

1. 了解选择器权重的计算
2. 了解浏览器默认样式
3. 了解样式的继承
4. 了解样式的层叠

样式的层叠即样式权重、浏览器默认样式、以及样式继承三方影响的最后计算结果

学习资源

1. CSS 选择器权重计算规则
2. 浏览器默认样式对照表
3. CSS样式表继承详解

习题

1. 习题一:根据如下代码计算div、ul、和li的最终样式

    //html代码
    <div class="list list-member">
        <ul>
            <li>member ID1</li>
            <li>member ID2</li>
            <li>member ID3</li>
        </ul>
    </div>

    //css代码
    .list li {
        margin: 10px 0 0 0;
        font-size: 14px;
        color: #666;
    }

    .list-member li {
        font-size: 12px;
    }

提示：需要考虑浏览器默认样式，样式权重，以及样式继承。先思考，给出一个答案，在写一个简单的网页，将代码复制上去到浏览器验证

下面可以学

1. 页面布局