lo que es css

body {
background-color: #b7d1c4
}

h2 {
font-family: Verdana;
font-weight: bold;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
color: #acd1b2;
}

img {
height: 170px;
width: 170px;
box-shadow: rgba(0,0,0,0.2) 10px 10px;

}

#navbar {
position: fixed;
top:10px;
left:50%;
margin-left:-254px;
}

#header {
position: relative;
top: -10px;background-color: #3c4543;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

ul{
list-style-type: none;
position: fixed;
margin: -10px;
}

li {
display: inline;
border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
padding: 5px;
border-radius: 5px 5px;
background-color: #cc0323
}

#left{
width: 45%;
float: left;
}p {
font-family: Tahoma;
font-size: 1em;
}

#right{
width: 45%;
float: right;
}

table {
border: #000000 1px solid;
background-color: #acd1b2;
float: right;
margin-right: 10px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

td {
height: 75px;
width: 75px;
}

td img {
height: 75px;
width: 75px;
box-shadow: none;
}

th {font-family: Verdana;
font-size: 1em;
font-weight: normal;
color: #3c4543
}

#bottom_left{
border-bottom-left-radius: 15px;
}

#bottom_right{
border-bottom-right-radius: 15px;
}

#footer{
clear: both;
position: relative;
bottom: -20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
height: 75px;
background-color: #3c4543;
}

#button{
border: 2pxsolid #000000;
float:left;
position: relative;
left: 229px;
bottom: -20px;
border-radius: 5px;
background-color: #cc0323;
height: 45px;
width: 160px;

}

#button p{
position: relative;
bottom: 10px;
font-size: 0.8em;
color: #acd1b2;
text-align: center;
}

.bold{
font-family: tahoma;
font-weight: bold;
font-size: 1.2em;
font-variant: small-caps;
color:#ffffff;
}

Lo que es CSS
CSS (cuyas siglas significan CascadingStyle Sheets, u Hojas de Estilo en Cascada) es un lenguaje usado para describir la apariencia y el formato de tu HTML.
Una hoja de estilo es un archivo que describe como debería verse un archivo HTML. ¡Eso es!
Decimos que estas hojas de estilo están en cascada porque las hojas pueden aplicar el formato cuando corresponde más de unestilo. Por ejemplo, si indicas que todos los párrafos deben tener una fuente de color azul, pero señalas que un párrafo específico debe tener fuente de color rojo, ¡CSS lo puede hacer! (Hablaremos más sobre la cascada en la sección cuatro.)
Instrucciones
Observa la pestaña stylesheet.css. Colocamos el CSS para que el texto del párrafo tenga color rojo, pero tú debes añadir el CSS que hará que eltexto entre las etiquetas sea de color azul. ¡Complétalo y haz clic en Ejecutar!

?
Indicio

Si estás atascado, usa color: red;como una guía para tu propio CSS




Fuentes elegantes


Soy un párrafo escrito en fuente de color rojo, ¡pero una de mis palabras es de color azul!











¿Por qué separar forma de función?
¡Buen trabajo! Mírate: ya estásescribiendo CSS.
Existen dos razones principales para separar tu forma/formato (CSS) de tu contenido/estructura funcional (HTML):
1. Puedes aplicarle el mismo formato a diversos elementos de HTML sin reescribir el código (p.ej.,style="color:red":) una y otra vez
2. Puedes aplicarle una apariencia y un formato similares a varias páginas de HTML desde un solo archivo CSS
Observa el HTML en index.html.¡Esas son muchas etiquetas ! Todas esas palabras tienen una fuente normal, pero queremos que se vean súper elegantes.
Instrucciones
Ve a la pestaña stylesheet.css y dile al selector span que quieres que font-family sea cursive. ¡Si necesitas ayuda revisa la Sugerencia!

?
Indicio

Veamos... para que algo tuviera color rojo tuvimos que escribir
span {
color: red;
}
Así que si...