How to style css to html page? [closed]

Question

How to style css to html page? [closed]

Navigation

#1 by (1 votes)
#2 by (0 votes)

-3

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>chilaquiles</title>

         </head>
    
    <body>
        
         <h1>Prepara los mejores chilaquiles </h1>
         
        <p ALIGN="justify"> Nada mejor para curar la cruda, desayunar en familia o sentirnos bien mexicanos que unos buenos chilaquiles para el desayuno.</p>
        <p ALIGN="justify">Este platillo puede ser muy fácil de preparar y con un poco de imaginación les quedará delicioso. Además, es de los desayunos que pueden multiplicarse fácilmente (un poco más de salsa, un poco más de totopos y caben más personas en la mesa.</p>
       
         <img src="https://cdn2.cocinadelirante.com/sites/default/files/styles/gallerie/public/images/2017/06/chilaquilesrojosbajosengrasa.jpg" alt="">
        
         <h2>Ingredientes</h2>
         <ul>
             <li> 10 tortillas cortadas en tiritas, doradas en suficiente aceite (O una bolsa de totopos ya fritos)</li>
             <li>½ litro de agua</li>
             <li>3 jitomates</li>
             <li>7 chiles serranos (o más si quieren que pique de verdad)</li>
             <li>¼ de cebolla</li>
             <li>3 dientes de ajo</li>
             <li>Caldo de pollo</li>
             <li>Sal y pimienta al gusto</li>
             <li>Queso manchego, crema y cebolla picadita para acompañar</li>     
        
        </ul>
        
         <h2>Preparación</h2>
        
        <ol>
            <li>Para la salsa: El chiste de unos buenos chilaquiles reside en el sazón de la salsa, así que aquí es donde se vale jugar con su imaginación.<br> Hierve el agua y coloca los jitomates dentro durante 30 segundos, sólo para que se afloje la piel. <br>Pélalos y luego regrésalos al agua y déjalos hervir junto con los chiles.</li>
            <li>Cuando estén blandos coloca todo en la licuadora y agrega la cebolla y los dientes de ajo. Licúa bien. A mí en lo personal me gustan las salsas más espesas, pero todo depende del gusto de quien cocina, así que puedes agregar o quitar agua según tu gusto.</li>
            <li>En un sartén caliente sofríe la salsa en un poco de aceite y sazona con sal, pimienta y caldo de pollo. Cuando la salsa esté hirviendo agrega los totopos. Para que los chilaquiles crujan debes retirar todo del fuego y servir rápidamente; si los prefieres blanditos déjalos remojando un poco más de tiempo en la salsa</li>
           
        
        
        
        </ol>
       
        </body>
   
</html>

html css

asked by Melvin Torres 20.08.2018 в 22:12

source

2 answers

My program does not work [closed] How can I get the updated value of the dollar in android studio? [closed]

score 1 · Answer 1

You have to add a style tag in the head of your html file, or if you want you can refer to a css file by placing this tag in the head, <link rel="stylesheet" type="text/css" href="(ruta de archivo css)">

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>chilaquiles</title>

        <style> //se abre el tag de estilos
            body { // el selector css de un elemento en el documento html
                background-color: black; // cambia el color de fondo
                color: white; // cambia el color de las letras
        </style

     </head>

    <body>

         Aquí mi texto con fondo negro y letras blancas

    </body>

</html>

score 0 · Answer 2

You can send a css file by placing the following code inside the head <link rel="stylesheet" type="text/css" href="(ruta de archivo css)"> tag.

At the same time something basic is to place classes and / or id's on the elements of your html in this way

<body> Lorem ipsum dolor sit amet...  Nunc sed lacus et est adipiscing accumsan...  Class aptent taciti sociosqu ad litora... </body>

And handle them in the CSS like this:

.destacado{ color: blue; } #destacado2{ color: #00B9E0; }

The main difference between this type of selector and the class selector has to do with HTML and not with CSS. On the same page, the value of the id attribute must be unique, so that two different elements can not have the same id value. However, the class attribute is not required to be unique, so many different HTML elements can share the same value for its class attribute.

In this way, the general recommendation is to use the ID selector when you want to apply a style to a single specific element of the page and use the class selector when you want to apply a style to several different elements of the HTML page.