Preguntas de dictado básicas de front-end --- 2

  1. Explique cómo se usa CSS y sus características.

  2. Hay un div en la página. Se utiliza el método en línea. El selector de etiquetas establece su color de fondo en amarillo. Con el método de importación externa, el selector de etiquetas establece su color de fondo en verde. ¿Cuál es el color de fondo final?

  3. La estructura HTML es la siguiente:

    <b class="test">hello</b>
    <p class="test">world</p>
    <b>hello world</b> 

    ¿Cómo seleccionar la primera etiqueta b con clase de prueba?

  4. La estructura HTML es la siguiente:

    <b class="test test1">hello</b>
    <p class="test1 test2">world</p>
    <b class="test2 test">hello world</b>

    ¿Cómo seleccionar la primera etiqueta b?

  5. La estructura HTML es la siguiente:

    <b id="test">hello</b>
    <p>world</p>
    <b class="test1">hello world</b>
    <b>hehe</b> 

    ¿Cómo seleccionar al mismo tiempo: la primera etiqueta b, la segunda etiqueta b y la primera etiqueta p?

  6. La estructura HTML es la siguiente:

    <div>
        <p>
            <b>hello</b>
            world
        </p>
        <b>hello world</b>
    </div>

    ¿Cómo seleccionar la etiqueta b en p?

  7. Hay un enlace, establezca el color de fuente del enlace que no ha sido visitado en rojo, rosa cuando lo mueve hacia arriba, amarillo cuando hace clic en él y verde después de haberlo visitado.

  8. La estructura HTML es la siguiente:

    <b>老衲的少女心膨胀!!!</b>
    1. Establezca el tamaño de fuente del contenido en 18px.
    2. Establezca la fuente en SimSuny Microsoft YaHeidos fuentes.
    3. ¿Cuál es el tamaño de fuente predeterminado si no lo configura?
    4. ¿Qué hará el cliente si el cliente no tiene estas dos fuentes después de configurar las fuentes?
  9. La estructura HTML es la siguiente:

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8" />
        <style>
            html{
           
           
                font-size:20px;
            }
            body{
           
           
                font-size:30px;
            }
            div{
           
           
                font-size:40px;
            }
            #b1{
           
           
                font-size:1em;
            }
            #b2{
           
           
                font-size:2rem;
            }
        </style>
    </head>
    
    <body>
        <div>
            <b id="b1">hello</b>
            <b id="b2">world</b>
        </div>
    </body>
    
    </html>

    P: ¿ #b1y #b2el tamaño de la fuente es el número?

  10. Tiene la siguiente estructura HTML:

    <div>
        <b>hello</b>
        <em>world</em>
    </div>  
    1. Quite la fuente en negrita de la etiqueta b y colóquela en cursiva.
    2. Elimina la cursiva de la etiqueta em y ponla en negrita.

Supongo que te gusta

Origin blog.csdn.net/qq_42592823/article/details/114369025
Recomendado
Clasificación