INICIO   NOTICIAS Y ARTICULOS   SOBRE ESTE SITIO   FOROS  
Thursday, March 11, 2010
EL INTERNET
NEGOCIOS
SOCIEDAD
TECNOLOGIA
SEGURIDAD Y IT
DESARROLLADOR
SOFTWARE
TODOS
¡FOROS ABIERTOS NUEVAMENTE!
TU DIRECCION IP
Comunicados de Prensa
Tiene alguna información que compartir con la comunidad cibernética en Puerto Rico? Déjenos saber! Envíe su comunicado de prensa aqui.

 

 

Noticias y Artículos


DESARROLLADOR
Entrado: 9/19/2008 9:57:03 PM
Evaluado: 0/5 con 0 comentarios.
Imprimir Artículo | Añadir a Facebook

Como usar CSS - Parte I

Por Ronald Flores

En este artículo discutiremos cómo utilizar CSS en nuestras páginas y algunos ejemplos para dar formato sencillo a nuestro web.

CSS proviene del término "Cascading Style Sheet" y es un método muy eficiente para dar formato a nuestro diseño. Como sabemos, si queremos formatear alguna parte de nuestra página es necesario entrar un código parecido al siguiente:

<font size="1">Texto Pequeño</font>



Lo que resulta en lo siguiente:

Texto Pequeño



No obstante, si queremos repetir el mismo formato a través de toda una página, tenemos la dificultad que tenemos que incluir el mismo formato en todo el código. Al utilizar CSS, tenemos la ventaja que podemos definir cada formato o cada sección de la página en un sólo lugar, sin la necesidad de repetir el código una y otra vez, efectivamente reduciendo el tamaño de la página.

Veamos un ejemplo. Supongamos que en nuestra página queremos que los tags H1 y H2 tengan un formato específico. Para lograr esto, definimos un <style> tag dentro del tag HEAD de nuestra página:

<head>
<style>
h1 {
font-size: 24px;
color: #C00000;
}

h2 {
font-size: 18px;
color: #808080;
}
</style>
</head>



En el pasado código, establecimos que cada H1 y H2 tag serín formateados de la manera especificada. Luego, dentro de nuestras páginas, simplemente utilizamos los tags H1 y H2 para llamar el formato:

<h1>Titulo 1</h1>
<h2>Subtítulo 2</h2>



Es importante ver que cada vez que invoquemos cada tag definido, el navegador automáticamente dará ese formato a el contenido dentro del tag. De esta manera se pueden definir otros tipos de formatos y no está limitado a los tags regulares. De esta manera, existen un infinito de clases que podemos definir en nuestras páginas:

<head>
<style>
.mitexto {
font-size: 11px;
color: #E9E9E9;
}
</style>
</head>



De esta manera, definimos la clase "mitexto". Fíjese que para definir clases personalizadas, es necesario utilizar un punto a la izquierda del nombre de la clase, de lo contrario el navegador pensará que se trata de un tag regular pero el tag <mitexto> no existe, por lo que no se realizará ningún formato.

Para llamar la clase dentro de nuestro diseño, utilizamos el siguiente formato:

<font class="mitexto">Este es mi texto en formato 11px tal como definido en el STYLE tag.</font>



Este artículo ha sido visto 703 veces.
Más artículos y Noticias
Noticias Relacionadas
Ericsson adquiere unidad de CDMA y LTE de Nortel por $1.3 billones 11/14/2009 9:04:55 PM
Comentarios
No reviews yet. Be the first one to rate this location!
Evalúe Este Artículo
Evalúe: Poco interés1 2 3 4 5 ¡Muy interesante!
Título:  
Por:  
Comentarios:
(Max 255 chars)
 
Anuncios
 
©2008 PuertoRico Internet News. Todos los derechos, reservados. Prohibida la reproducción de cualquier material sin permiso del autor. Para información adicional, comuníquese a articulos@printernetnews.com
Windows 7
Updates y Parchos

Microsoft lanza parcho que repara problema que puede dañar sus tarjetas SD

11/28/2009 8:43:25 PM
Más noticias sobre Windows 7
Transición DTV 2009
Transición Televisión Digital (DTV)

Congreso aprueba medida que atrasa fecha límite para transición digital hasta junio 12

2/4/2009 8:09:33 PM
Más articulos sobre la Transición Televisión Digital 2009
Noticias Anteriores
Tecnología >> Productos Nuevos

Nuevas fotos surgen del Microsoft Courier

Nuevas imágenes han surgido en diferentes sitios de la red sobre lo que aparentemente será el compet...
3/11/2010 3:11:56 AM
Tecnología >> Productos Nuevos

iPad de Apple estará disponible 3 de abril

La empresa Apple señaló que luego de varios problemas de manufactura, se espera que la nueva Apple i...
3/8/2010 5:42:44 AM
Sociedad >> Gobierno y Leyes

Once aeropuertos contarán con detectores de cuerpo completo

Aereopuertos en once ciudades de los E.E.U.U. incluyendo Boston, Chicago, Los Angeles y San Diego --...
3/6/2010 3:02:21 PM
Software  >> Sistemas Operativos

Windows 7 se convierte en Sistema Operativo de mayor rapidez en ventas

La empresa Microsoft ha vendido 90 millones de copias de su sistema operativo Windows 7 desde que el...
3/4/2010 6:29:49 AM
Tecnología >> Celulares y Equipos Móviles

Apple pide a corte bloquear teléfonos de HTC

La empresa Apple hizo una petición a la Comisión Internacional de Intercambio de los E.E.U.U. (ITC,...
3/4/2010 6:09:13 AM
Internet >> Sitios Nuevos

PRAnuncia.com rediseña plataforma

PRAnuncia.com anunció el pasado mes el rediseño y actualización de su plataforma de promoción y anun...
3/2/2010 11:10:06 AM
 

- Attractions and Sights in Puerto Rico

- MP3 and Media Players

- Freeware software

©2007 Puerto Rico Internet News | InternetNewsPR.com
Puerto Rico Tourism | Freeware Software | Cine en Puerto Rico