Introducción a CSS

L as hojas de estilo en cascada , conocidas cariñosamente como CSS , es un lenguaje de diseño simple destinado a simplificar el proceso de hacer que las páginas web sean presentables. CSS le permite aplicar estilos a las páginas web. Más importante aún, CSS le permite hacer esto independientemente del HTML que conforma cada página web. Describe cómo debe verse una página web: prescribe colores, fuentes, espaciado y mucho más. En resumen, puedes hacer que tu sitio web se vea como quieras. CSS permite a los desarrolladores y diseñadores definir cómo se comporta, incluso cómo se colocan los elementos en el navegador.

CSS

p {
  color: blue;
  text-align: center;
  }

CSS

* { 
  color: #000000; 
  }

CSS

p {
  text-align: center;
  color: red;
  }

CSS

ul em {
      color: #000000; 
      }

CSS

#gfg{
    color: green;
    text-align: center;
    }

html

.gfg{
color: green;
text-align: center;
}

CSS

h1 {
   text-align: center;
   color: blue;
   }
h2 {
   text-align: center;
   color: blue;
   }
p {
  text-align: center;
   color: blue;
   }

CSS

h1, h2, p {
   text-align: center;
   color: red;
   }

html

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
</head>
<body>
    <main>
       <h1>HTML Page</h1>
       <p>This is a basic web page.</p>
    </main>
</body>
</html>

html

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <style>
        main {
        width: 600px;
        height: 200px;
        padding: 10px;
        background: beige;
        }
        h1 {
        color: olivedrab;
        border-bottom: 1px dotted darkgreen;
        }
        p {
        font-family: sans-serif;
        color: orange;
        }
    </style>
</head>
<body>
    <main>
        <h1>My first Page</h1>
        <p>This is a basic web page.</p>
    </main>
</body>
</html>                    

CSS

<style>
     main {
    width: 600px;
    height: 200px;
    padding: 10px;
    background: beige;
    }
     h1 {
    color: olivedrab;
    border-bottom: 1px dotted darkgreen;
    }
     p {
    font-family: sans-serif;
    color: orange;
    }
</style>

Publicación traducida automáticamente

Artículo escrito por DivyanshGupta1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *