Css es simplemente una tecnología que nos permite crear páginas web de una manera más exacta y que es en una evolución del Html, dado que permite muchas cosas que no se podía hacer utilizando HTML, como incluir márgenes, tipos de letra, fondos, colores....
Por ello, para aprender Css lo primero es experimentar con Html, luego se darán cuenta que al Html le faltan funciones, y desde allí podrán comenzar a entender por que es necesario el Css. El código Css (hojas de Estilo en Cascada) se escriben dentro del código HTML de la página web, y solo en design avanzados se los escribe aparte.
Entonces:
Cada vez que agreguen un código tienen que llamar a la "funcion" (por asi decirlo)
Siempre comienza con:
CÓDIGO:
<style type="text/css">
<!--
--- > aquí irá el codigo css
siempre termina con:
-->
CÓDIGO:
</style>
#####
dentro de ese código iran ustedes "llamando" funciones (llamadas "clases" en programación) determinadas:
Cuando se hagan modificaciones del Body entonces por ej:
CÓDIGO:
body { color: black; background: white;}
Cuando se modifiquen las márgenes del código por ej:
CÓDIGO:
body {
margin-left: 20%; margin-right: 20%;
}
Cosas a tener en cuenta:
luego de una orden se la debe cerrar con
Codigo
Por ello, para aprender Css lo primero es experimentar con Html, luego se darán cuenta que al Html le faltan funciones, y desde allí podrán comenzar a entender por que es necesario el Css. El código Css (hojas de Estilo en Cascada) se escriben dentro del código HTML de la página web, y solo en design avanzados se los escribe aparte.
Entonces:
Cada vez que agreguen un código tienen que llamar a la "funcion" (por asi decirlo)
Siempre comienza con:
CÓDIGO:
<style type="text/css">
<!--
--- > aquí irá el codigo css
siempre termina con:
-->
CÓDIGO:
</style>
#####
dentro de ese código iran ustedes "llamando" funciones (llamadas "clases" en programación) determinadas:
Cuando se hagan modificaciones del Body entonces por ej:
CÓDIGO:
body { color: black; background: white;}
Cuando se modifiquen las márgenes del código por ej:
CÓDIGO:
body {
margin-left: 20%; margin-right: 20%;
}
Cosas a tener en cuenta:
luego de una orden se la debe cerrar con
Codigo