.  

 

 

.
.

26 / 05 / 2017

Usuarios conectados: 3

Cargando documento...

Buscar:

.

Este Sitio:

Principal

Dreamweaver

Fireworks

JavaScript

CSS

Sonido

Artículos

Links

E-ufemismos

Descargas

Historial

 

Mailing List:

Suscríbete a la lista de correo, No practico spamming y ofrece algunas ventajas.

Pulsa aquí para saber más y suscribirte.

 

Recomendados:

Tecnorama >CSS

 

Introducción a CSS (2)

Versión para imprimir | Translate this page

Para empezar veremos algunas de las normas básica de CSS, y luego redefiniremos el formato de alguna etiqueta HTML y hablaremos de la clase <SPAN>. Luego pasaremos a las clases personalizadas y a las pseudo-clases.


Diseñar hojas de estilo es bastante sencillo, sólo hay que saber cómo escribirlas y seguir algunas normas básicas. Por ejemplo, para marcar el color de la etiqueta <H1> como blanco (#FFFFFF) pondría:

<STYLE>
H1 { color: #FFFFFF }
</STYLE>

Fijaos en que toda definición de estilo tiene 2 partes:
Un selector ( H1 en el ejemplo)
Una declaración (color: #FFFFFF)

El selector le dice al navegador qué etiqueta es a la que tiene que dar formato
La declaración le dice qué formato es el que tiene que aplicar.

La declaración a su vez se divide en dos partes:
Una propiedad (color en el ejemplo)
Un valor (#FFFFFF en el ejemplo)


No está siendo muy dificil de momento, ¿no?. Pues aunque no lo creáis, lo de arriba es una hoja de estilo en su totalidad. Probad a copiar el código en el encabezado de un documento (mejor con fondo negro, claro), escribir algo de texto y aplicad al texto la etiqueta <H1> (Heading1 en Dreamweaver).

A partir de aquí, sólo se trata de añadir más selectores y declaraciones entre las etiquetas <STYLE>...</STYLE>.

Al ser el selector el que indica qué es a lo que vas a aplicar un formato, cualquier etiqueta HTML puede funcionar como selector.

Hay aproximadamente unas 50 propiedades en CSS1 que puede ser aplicadas: para una lista completa de sus declaraciones y propiedades, deberías echar un vistazo a W3C.

¿Comentarios? 31, de momento. Mostrando 1 ->5

1.- I susoppe that sounds and smells just about right.

2.- Eceminoos are in dire straits, but I can count on this!

3.- Hi there! I just stumbled upon your blog (LOVE the header photo, so pretty!) and am looking to connect with more GA runners, being fairly new to the south. I work at UGA (go Dawgs!), so wanted to stop by and say hi from a new foelowlr. Megan

4.- Todcwuohn! That's a really cool way of putting it!

5.- hey there and thank you in your information ? I've deteinfily picked up something new from right here. I did then again expertise several technical points using this site, since I skilled to reload the website many times prior to I could get it to load properly. I had been wondering if your hosting is OK? Not that I am complaining, but slow loading circumstances times will often affect your placement in google and can injury your high quality score if ads and marketing with Adwords. Well I'm including this RSS to my e-mail and could look out for much extra of your respective interesting content. Make sure you update this once more very soon.. http://qjoezs.com [url=http://jtslgxt.com]jtslgxt[/url] [link=http://xclkqhgjq.com]xclkqhgjq[/link]

« Previous | 1 - 5 | 6 - 10 | 11 - 15 | 16 - 20 | 21 - 25 | 26 - 30 | 31 - 31 | Next »

Añade tu comentario



Escribe el código de la imagen superior:

:

TECNORAMA es simplemente una página personal. No sirve ni de promoción del autor ni cosas por el estilo.
Todos los códigos, textos y tutoriales son de libre uso mientras se mencione al autor (no es mucho pedir)
Este sitio es compatible con IE6/NS6/Mozilla1.0
Para contactar, puedes enviarme un e-mail a tecnorama@hotmail.com