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