Página 2 de 6 PrimerPrimer 1234 ... ÚltimoÚltimo
Resultados 11 al 20 de 51

Tema: Taller de Programación de CSS y HTML

  1. #11
    -251546827-
    Avatar de Cami
    Fecha de ingreso
    09 may, 10
    Ubicación
    Stgo,Chile
    Mensajes
    1,478
    Poder de reputación
    13

    Predeterminado

    Hola a Todos.

    Felicidades por tu primera lección Paulo
    , está interesante y espero que a medida que pasen los días valla incrementando para que podamos aprender más.

    Gracias por compartir tus conocimientos con nosotros.

    Saludos Cordiales.







    ¡TÓCAME!




  2. #12
    PAULO (956544769)


    Avatar de xLaming
    Fecha de ingreso
    28 nov, 14
    Ubicación
    C. Grande, MS, Brasil
    Mensajes
    287
    Poder de reputación
    3

    Predeterminado

    Gracias a todos, siempre ire añadir mas lecciones!

  3. #13
    Palomita de maíz ♡



    Avatar de Kotufa
    Fecha de ingreso
    14 dic, 10
    Ubicación
    Venezuela
    Mensajes
    1,327
    Poder de reputación
    10

    Predeterminado

    Muy buena su primera clase. Lo felicito
    Estare atenta para la proxima.

  4. #14
    Xat VIP Avatar de DonGato-Jezzuzz
    Fecha de ingreso
    14 jul, 12
    Ubicación
    Made in venezuela
    Mensajes
    585
    Poder de reputación
    6

    Predeterminado

    Bien lam gracias por abrir asi aprendo mas hacer css y trabajar con los codigos html
    muchisimas gracias
    Si te sirvio mi post Clik aqui ••►Agradecido


    Nick. Don Gato - Jesús - Gato - DG
    Reg. DG383113877(383113877)

  5. #15
    PAULO (956544769)


    Avatar de xLaming
    Fecha de ingreso
    28 nov, 14
    Ubicación
    C. Grande, MS, Brasil
    Mensajes
    287
    Poder de reputación
    3

    Post CSS - Introducción

    La primera introducción fue acerca de HTML, ya ahora este será acerca de CSS.

    Lo siento por el retraso, yo estaba un poco ocupado.


    h1{ codigo; }, span{ codigo; }...
    Puede hacer modificaciones en las fuentes, fondo, tamaño, efectos, y mas con el CSS.

    Ejemplo:
    Código:
    <style>
    /* Pagina */
    body {background-color: brown} /* Ejemplo de fondo color sin HEX */
    
    /* Ejemplo con H1 */
    h1 {color: #444444} /* Color en la fuente */
    h1 {text-shadow: 2px 1px #000000}  /* Sombras en el texto */
    h1 {font-size: 50px}  /* Tamaño de fuente */
    
    /* Ejemplo con DIV Attribute */
    div[name='test'] {background-color: #999999} /* Ejemplo de fondo en HEX */
    div[name='test'] {border-radius: 20px} /* Redondeo de los bordes */
    div[name='test'] {text-align: center} /* Dejar letras en centro */
    div[name='test'] {box-shadow: 3px 3px #555555}  /* Sombras en la caja */
    div[name='test'] {width: 500px}  /* Tamaño de la caja */
    div[name='test'] {height: 58px} /* Tamaño de la caja */
    </style>
    
    <div name="test">
      <h1>Hola Mundo!</h1>
    </div>
    ¿Como funciona?
    * - body {background-color: brown}:
    * --- Body: Se utiliza en casi todos los casos de páginas, incluyendo xat
    * --- Background-color: Se utiliza para asignar una color en el fondo [SIN HEX]
    * --- Brown: Es la siguiente color que se asignará

    * - h1 {color: #444444}:
    * --- H1: Es un atributo para dejar la fuente grande, pero puede ser modificado
    * --- Color: Se utiliza para asignar una color en la fuente
    * --- #444444: Es la siguiente color que se asignará

    * - h1 {text-shadow: 2px 1px #000000}:
    * --- H1: Es un atributo para dejar la fuente grande, pero puede ser modificado
    * --- Text-shadow: Se utiliza para añadir sombra en la fuente
    * --- 2px 1px: Tamaño de la sombra
    * --- #000000: Es la siguiente color que se asignará

    * - h1 {font-size: 50px}:
    * --- H1: Es un atributo para dejar la fuente grande, pero puede ser modificado
    * --- Font-size: Se utiliza para cambiar tamaño de la fuente
    * --- 50px: Tamaño de la fuente

    * - div[name='test'] {background-color: #999999}:
    * --- Div[name='test']: Es una div, se puede cambiar todo via name='test'
    * --- Background-color: Se utiliza para asignar una color en el fondo [CON HEX]
    * --- #999999: Es la siguiente color que se asignará

    * - div[name='test'] {border-radius: 20px}:
    * --- Div[name='test']: Es una div, se puede cambiar todo via name='test'
    * --- Border-radius: Se utiliza para bordes redondos
    * --- 20px: La cantidad que desea redondear

    * - div[name='test'] {text-align: center}:
    * --- Div[name='test']: Es una div, se puede cambiar todo via name='test'
    * --- Text-align: Se utiliza para alinear el texto
    * --- center: Donde quieres alinear: left, center, right

    * - div[name='test'] {box-shadow: 3px 3px #555555}:
    * --- Div[name='test']: Es una div, se puede cambiar todo via name='test'
    * --- Box-shadow: Se utiliza para añadir sombra en algo
    * --- 3px 3px: Tamaño de la sombra en caja
    * --- #555555: Es la siguiente color que se asignará

    * - div[name='test'] {width: 500px}:
    * --- Div[name='test']: Es una div, se puede cambiar todo via name='test'
    * --- Width: Se utiliza para cambiar el ancho de la caja
    * --- 500px: Tamaño de la caja

    * - div[name='test'] {height: 58px}:
    * --- Div[name='test']: Es una div, se puede cambiar todo via name='test'
    * --- Height: Se utiliza para cambiar la altura de la caja
    * --- 58px: Tamaño de la caja


    Imagen:

  6. #16
    -251546827-
    Avatar de Cami
    Fecha de ingreso
    09 may, 10
    Ubicación
    Stgo,Chile
    Mensajes
    1,478
    Poder de reputación
    13

    Predeterminado

    Ya esperaba esta clase, gracias por el tiempo y dedicación.

    - Querido profesor dejo mi tarea (:



    Saludos Cordiales.


    Última edición por Cami; 17/02/2016 a las 10:57







    ¡TÓCAME!




  7. #17
    xat.uno/hola? Avatar de Wiki
    Fecha de ingreso
    04 abr, 10
    Mensajes
    1,883
    Poder de reputación
    12

    Predeterminado

    Hola Laming.. seguimos aprendiendo.

    Tengo unas preguntas.. porque empieza con <style> y si empieza el codigo también acaba con </style>?

    2. Cuando hablas de SIN HEX es sin códigos hexadecimales?

    Gracias.


  8. #18
    PAULO (956544769)


    Avatar de xLaming
    Fecha de ingreso
    28 nov, 14
    Ubicación
    C. Grande, MS, Brasil
    Mensajes
    287
    Poder de reputación
    3

    Predeterminado

    @Cami de nada!

    @Wiki, porque asi puede hacer pruebas en http://scratchpad.io con los codigos, y si SIN HEX es sin códigos hexadecimales

  9. #19
    xat.uno/hola? Avatar de Wiki
    Fecha de ingreso
    04 abr, 10
    Mensajes
    1,883
    Poder de reputación
    12

    Predeterminado

    Aquí dejo mi tarea...



  10. #20
    Palomita de maíz ♡



    Avatar de Kotufa
    Fecha de ingreso
    14 dic, 10
    Ubicación
    Venezuela
    Mensajes
    1,327
    Poder de reputación
    10

    Predeterminado

    Muy bien explicado todo.
    Tengo una pregunta: ¿Cualquier estilo de fuente puede ser utilizada en un codigo de CSS?

    Clase:


Página 2 de 6 PrimerPrimer 1234 ... ÚltimoÚltimo

¿Te ha sido útil este articulo? Compártelo!

¿Te ha sido útil este articulo? Compártelo!

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •