网易极客战记官方攻略_网页开发1_请证明身份

发布于 2020年3月24日

关卡概览和解法

识别和控制页面上的特定元素。

简介

CSSclass的替代方法是idid属性标记具有特定名称的元素以便以后调用。 虽然class可以在多个元素之间重复,而id一个特定的元素。 把它看作是一个像学校证件或驾驶执照一样的标识。

<style>
    #main {
        color: orange;
    }
</style>
<div>
    只能有一个!
</div>

默认代码

<!-- 具体的标签可以被赋予一个"id"属性。 -->
<!-- "id"属性应该是一个唯一的标识符! -->
<style>
    /* "#"修饰符用于定位"id"。 */
    #element1 {
        color:red;
    }
    #element2 {
        /* 改变这个元素的文本对齐:  */
}
/* 为#element3添加规则 */

    /* 更改#element3的背景颜色: */

</style> <div> <img src="/file/db/thang.type/52cee45a76ebd5196b00003a/portrait.png"> <h2>Archer Person</h2> <ul> <li>Has a hood.</li> <li>Shoots a bow.</li> <li>Carries arrows.</li> </ul> </div>

概览

ID 属性

id属性是为一个元素分配一个唯一的标识符。 这样可以更轻松地定位到自己的风格中。

<style>
    /* 这将id为'main'的元素设置为红色背景色. */
    #main {
        background-color:red;
    }
</style>
<!-- Notice the id attribute! -->
<div>
    Hello, world!
</div>

请证明身份 解法

<!-- 具体的标签可以被赋予一个"id"属性。 ·-->
<!-- "id"属性应该是一个唯一的标识符! ·-->
<style>
    /* "#"修饰符用于定位"id"。 */
    #element1 {
        color:red;
    }
    #element2 {
        /* 改变这个元素的文本对齐:  */
        text-align: center;
    }
    /* 为#element3添加规则 */
    #element3 {
        /* 更改#element3的背景颜色: */
        background-color: purple;
    }
</style>
<div>
    <img src="/file/db/thang.type/52cee45a76ebd5196b00003a/portrait.png">
    <h2>Archer Person</h2>
    <ul>
        <li>Has a hood.</li>
        <li>Shoots a bow.</li>
        <li>Carries arrows.</li>
    </ul>
</div>