Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

Resaltar oraciones o poner en diferente color después de usar reset.css

Resaltar oraciones o poner en diferente color después de usar reset.css

Buenas tardes, Realizando el desafio del profe para el curso 2 de Html5 y Css3, al realizar el reseteo con reset.css tuve que realizar cambios en el codigo html y css. Pero tuve un problema no supe como resaltar (colocar negrita) unas oraciones especificas dentro de un parrafo y tampoco subrayar en rojo.

Ubicada en el corazón de la ciudad, la Barbería Alura trae para el mercado lo que hay de mejor para su cabello y barba. Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes diariamente. * Nuestra misión es: "*Proporcionar autoestima y calidad de vida a nuestros clientes.*** (este texto va italico, negrita y en rojo)

Ageadezco me indiquen como lo puedo realizar, muchas gracias.. Incluye codigo total de Html:

<!DOCTYPE html>

<html lang ="es">

    <head>

        <meta charset="UTF-8">
        <title>Barbería Alura</title>
        <link rel="stylesheet" href="reset.css"> 
        <link rel="stylesheet" href="DesafiostyleClaudia.css">



    </head>
    <body>
        <header>
            <h1 class="titulo-principal">Barbería Alura</h1>
        </header>
        <main>
            <img id="banner" src="banner/banner.jpg">

            <div class="principal"> 

                <h2 class="titulo-centralizado">Sobre la Barbería Alura</h2>

                <p class="Parrafo1">Ubicada en el corazón de la ciudad,<strong>la Barbería Alura</strong>  trae para el mercado lo que hay de mejor para su cabello y barba. Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes diariamente.</p>  
                <p class="Parrafo2">Nuestra misión es:<strong>"Proporcionar autoestima y calidad de vida a nuestros clientes".</p>
                <p class="Parrafo3">Ofrecemos profesionales experimentados que están constantemente observando los cambios y movimiento en el mundo de la moda, para así ofrecer a nuestros clientes las últimas tendencias. El atendimiento posee un padrón de excelencia y agilidad, garantizando calidad y satisfacción de nuestros clientes.</p>

            </div>

            <div class="diferenciales">

                <h3 class="titulo-centralizado">Diferenciales</h3>
                <ul>
                <li class="items">&#8226 Atención personalizada a los clientes.</li>
                <li class="items">&#8226 Espacio diferenciado.</li>
                <li class="items">&#8226 Localización.</li>
                <li class="items">&#8226 Profesionales calificados.</li>
                </ul>

                <img src="diferenciales/diferenciales.jpg"class="imagenDiferenciales">

            </div>
        </main>
    </body>
</html>

Pego codigo css


.titulo-principal{
    padding-left: 30px;
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
#banner{

    width: 100%;
}

.principal{
    background:#CCCCCC;
    padding: 20px;
}

.titulo-centralizado{

text-align: center;
font-size: 20px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 15px;

}
.Parrafo1{
    text-align: center;
    margin-top: 15px;

}


.Parrafo2{
    text-align: center;
    margin-top: 15px;
    font-size: 20px;    
    font-style: italic;
}

em strong{
    color:red;
    font-weight: bold;
}

.Parrafo3{
    text-align: center;
    margin-top: 15px;
}



.diferenciales{
    background:#FFFFFF;
    padding: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.titulo-centralizado{
    text-align: center;
}

.items{
    font-style:italic;
    margin-top: 10px;

}

ul{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 15%;

}

.imagenDiferenciales{

    width: 50%;
}
2 respuestas
solución!

Hola!

Para dejar en negrito puedes usar la etiqueta strong, como por ejemplo:

<p>tu frase <strong>dentro en negrito</strong> fuera sin negrito</p>

y para subrayar una palavra dentro de un paragrafo puedes usar la etiqueta <u>

<p>tu frase <u>dentro subrayado</u> fura normal</p>

Para cambiar el color es solo atribuir en la css

Un saludo

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios

La verdad ya vi la solucion en la parte 4 del curso, y es asignar una seccion una clase y porterior en css 4 el profe explica para que aplique .