Panel de control
TU PERFIL
Información
Preferencias
Firma
Avatar
RED SOCIAL
Lista de amigos e ignorados
Miembros del foro
Grupos de usuarios
MENSAJES PRIVADOS
Mensajes recibidos
Mensajes enviados
TEMAS SUPERVISADOS
Suscripciones
Últimos temas
» kaicho wa maid sama XD
Miér Oct 06, 2010 1:53 am por vastor_lord

» de regreso al foro
Miér Oct 06, 2010 1:34 am por vastor_lord

» Neko-Sensei reportandose
Dom Sep 26, 2010 3:46 pm por Gantz

» Tipos de música les gusta?
Dom Sep 26, 2010 3:42 pm por Gantz

» Firma en 5 minutos Deluxo
Dom Sep 26, 2010 12:28 am por Gantz

» 2 imagenes hentai
Dom Sep 26, 2010 12:23 am por Gantz

» Leer antes de meterse a algun tema mio!!!!
Dom Sep 26, 2010 12:19 am por Gantz

» Kennel Girl
Jue Sep 02, 2010 1:04 pm por Satsuki

» epic boobs
Jue Ago 26, 2010 3:56 am por PeRvExUs

Mejores posteadores
Satsuki (86)
 
allen_walker (61)
 
Natsume Kouta (30)
 
vastor_lord (25)
 
Kyon (17)
 
delphos (16)
 
Gantz (15)
 
L_chero (13)
 
Danny (12)
 
PeRvExUs (10)
 

Compañeros
ChikiOtaku Muteki Radio - ¡Entra!
BANNERS PROXIMOS EN EDICION :3
Testmusic Playlist


MusicPlaylist
Music Playlist at MixPod.com

Bookmarking social

Bookmarking social Digg  Bookmarking social Delicious  Bookmarking social Reddit  Bookmarking social Stumbleupon  Bookmarking social Slashdot  Bookmarking social Yahoo  Bookmarking social Google  Bookmarking social Blinklist  Bookmarking social Blogmarks  Bookmarking social Technorati  

Conserva y comparte la dirección de Radio: Test Music & Bass en tu sitio de bookmarking social

Conserva y comparte la dirección de Testmusic :Animedia & FR(Factory369 Radio) en tu sitio de bookmarking social


Curso CSS En un dia |Informatica|

Ver el tema anterior Ver el tema siguiente Ir abajo

Curso CSS En un dia |Informatica|

Mensaje por Satsuki el Vie Mayo 21, 2010 12:20 pm

Bueh... aca les traigo un tutorial con algunas correcciones sobre..

>EL CSS (CASCADE STYLE SHEET)

Veo que varios de nuestros miembros tienen foro tambien asi que esto les servira....es CSS basico pero eficaz....creanme estas son las bases para el CSS medio....por suerte el codigo de aca anda bien....pero falta aprender...asi que....APRENDANLE!!


¿Qué es CSS?


Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.


¿Para qué sirve?


CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.


¿Cómo funciona?



CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.

Código:
h1 {color: red;}

h1 es el selector

{color: red;} es la declaración

El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos.

Las tres formas más conocidas de dar estilo a un documento son las siguientes:

Código:
  * Utilizando una hoja de estilo externa que estará vinculada a un documento a través del elemento , el cual debe ir situado en la sección .

     
     
       
          Título
         
       
       
        .
        .
        .
        .
       
     

* Utilizando el elemento , en el interior del documento al que se le quiere dar estilo, y que generalmente se situaría en la sección . De esta forma los estilos serán reconocidos antes de que la página se cargue por completo.

Código:
 
     
       
          hoja de estilo interna
         
       
            body {
              padding-left: 11em;
              font-family: Georgia, "Times New Roman", serif;
              color: red;
              background-color: #d8da3d;
            }
         
            h1 {
              font-family: Helvetica, Geneva, Arial, sans-serif;
            }
         
         
       
       
          [b]Aquí se aplicará el estilo de letra para el Título[/b]


       
     

* Utilizando estilos directamente sobre aquellos elementos que lo permiten a través del atributo dentro de . Pero este tipo de definición del estilo pierde las ventajas que ofrecen las hojas de estilo al mezclarse el contenido con la presentación.

Algunas normas básicas a la hora de crear una CSS son las siguientes:

* En el siguiente ejemplo, h1{color: red;}, el selector,

, le dice al navegador la parte del documento que se verá afectada por esa regla. Los selectores pueden aparecer individualmente o agrupados, separándolos con comas:

Código:
 h1, h2, h3 {
        color: red;
      }

      o lo que es lo mismo

      h1 {color: red;}
      h2 {color: red;}
      h3 {color: red;}

* La propiedad, que en este caso sería color, especifica qué aspecto se va a cambiar. En este ejemplo la propiedad cambiada será el color. Las propiedades que se desean modificar en una CSS para un mismo selector pueden agruparse, pero será necesario separar cada una de ellas con un punto y coma.

Código:
      p {text-align:center;color:red}
Normalmente se describe una propiedad por línea, de la siguiente manera:
Código:

      h1 {
        padding-left: 11em;
        font-family: Georgia, "Times New Roman",Times, serif;
        color: red;
        background-color: #d8da3d;
      }

* El valor, representado a la derecha de los dos puntos (, establece el valor de la propiedad. Es importante recordar que si el valor está formado por más de una palabra, hay que ponerlo entre comillas.

Código:

      p {font-family: "sans serif";}



Fuente: Yo y este link http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo


_________________








avatar
Satsuki
Webmaster
Webmaster

Respeto : Decente

Mensajes : 86
Reputación : 29
Fecha de inscripción : 16/05/2010
Edad : 25
Localización : Tokyo Japon

http://www.elbananero.com

Volver arriba Ir abajo

Re: Curso CSS En un dia |Informatica|

Mensaje por Gantz el Lun Jun 28, 2010 1:57 am

>:O Gracias!! me sirvio demaciado!! Smile
avatar
Gantz
Colaborador
Colaborador

Respeto : Decente

Mensajes : 15
Reputación : 5
Fecha de inscripción : 28/06/2010

http://www.youtube.com/user/Cers1116

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.