Vamos a centrarnos en los componentes principales del lenguaje CSS, estos ya los hemos visto en el lenguaje html , a traves de ellos desarrollaremos las diferentes caracteristicas esteticas que queramos asignar a nuestra pagina.
Atributos - Son una palabra que identifica a que estilo nos referimos
Valores - Indican como queremos que sea ese atributo
Selectores - Indican sobre que elementos queremos trabajar
Estos tres elementos son identicos en html, lo que cambia ligeramente es la forma de expresarlos.
Apartado de CSS, creando hojas de estilo
Como ya sabemos crear un documentos en html convencional, nos centraremos en asignar un apartado para crear las hojas de estilo den nuestra pagina, es importante para evitar fallos de validación que todo el codigo CSS este correctamente reagrupado y organizado en una sola seccion ,
Para ello asignaremos una zona en el documento,normalmente se le asigna el espacio que procede a head y precede a body,se abre con la sintaxis:
<STYLE type="text/css"> dentro todas las hojas de estilo que queramos </STYLE>
Ejemplo practico
<html>
<head>
<title>Hackers land title>
<STYLE type="text/css">
<!--
H1 {text-decoration: underline; text-align:center}
P {font-Family:arial,verdana; color: white; background-color: black}
BODY {color:black;background-color: #cccccc; text-indent:1cm}
// -->
</STYLE>
</head>
<body>
<h1>Pagina de ejemplo en CSS </h1>
Bienvenidos...
<p>Esto es un texto basico con estilo CSS </p>
</body>
</html>
Todos los atributos que coloquemos para definir el estilo de las diferentes areas de nuestra pagina iran siempre colocados entre <STYLE type="text/css">y </STYLE> y sus valores entre llaves{}
Articulo BY S3L3N1TY
No hay comentarios :