Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 5 vistas

    Sesion 2 CSS

    Cargado por

    Elvys Emerson
    Este documento habla sobre diferentes propiedades de CSS como display, padding, margin, position, float, border-radius, text-shadow, box-shadow y transform que controlan la visualización y posicionamiento de elementos en una página web.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd

    Sesion 2 CSS

    Cargado por

    Elvys Emerson
    5 vistas24 páginas
    Este documento habla sobre diferentes propiedades de CSS como display, padding, margin, position, float, border-radius, text-shadow, box-shadow y transform que controlan la visualización y posicionamiento de elementos en una página web.

    Descripción original:

    CSS

    Título original

    Sesion.2.CSS

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento habla sobre diferentes propiedades de CSS como display, padding, margin, position, float, border-radius, text-shadow, box-shadow y transform que controlan la visualización y posicionamiento de elementos en una página web.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Descargar como pptx, pdf o txt
    5 vistas24 páginas

    Sesion 2 CSS

    Cargado por

    Elvys Emerson
    Este documento habla sobre diferentes propiedades de CSS como display, padding, margin, position, float, border-radius, text-shadow, box-shadow y transform que controlan la visualización y posicionamiento de elementos en una página web.

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Descargar como pptx, pdf o txt
    Está en la página 1de 24

    TECNOLOGA DE LA INFORMACIN

    EN UNA SOCIEDAD GLOBAL (TISG)


    Display
    Controla la visualizacin de los
    elementos. En realidad, la propiedad
    display modifica la forma en la que se
    visualiza un elemento
    Los valores ms utilizados son inline,
    block y none. El valor block muestra
    un elemento como si fuera un
    elemento de bloque,
    independientemente del tipo de
    elemento que se trate. El valor inline
    visualiza un elemento en forma de
    elemento en lnea, independientemente
    Padding (relleno)
    Genera una espacio libre opcional
    entre el contenido y el borde que lo
    encierra.

    Margin (margen)
    Genera una espacio libre entre la caja
    y las posibles cajas adyacentes.
    Position
    Establece el posicionamiento de una
    caja.
    static: corresponde al
    posicionamiento normal o esttico.
    Si se utiliza este valor, se ignoran
    los valores de las propiedades top,
    right, bottom y left que se vern a
    continuacin.
    relative: corresponde al
    posicionamiento relativo. El
    desplazamiento de la caja se
    controla con las propiedades top,
    Position
    absolute: corresponde al
    posicionamiento absoluto. El
    desplazamiento de la caja tambin se
    controla con las propiedades top,
    right, bottom y left, pero su
    interpretacin es mucho ms
    compleja, ya que el origen de
    coordenadas del desplazamiento
    depende del posicionamiento de su
    elemento contenedor.
    fixed: corresponde al
    posicionamiento fijo. El
    Float
    Con el modelo de posicionamiento
    flotante, automticamente se
    convierte un elemento en una caja
    flotante, lo que significa que se
    desplaza hasta la zona ms a la
    izquierda o ms a la derecha de la
    posicin en la que originalmente se
    encontraba.
    Border-radius
    Genera una sombra para cada
    elemento de su documento. La
    propiedad box-shadow fue diseada
    especialmente para ser aplicada en
    cajas.

    -moz-border-radius:
    20px;
    -webkit-border-
    radius: 20px;
    Border-radius

    Se debe usar los prefijos moz- y


    webkit para que funcionen en
    navegadores basados en
    motores Gecko y WebKit, como
    Firefox, Safari y Google Chrome.
    Text-shadow
    Genera una sombra para cada
    elemento de su documento. La
    propiedad box-shadow fue diseada
    especialmente para ser aplicada en
    cajas.

    text-shadow:
    rgb(0,0,150) 3px 3px 5px;
    Box-shadow
    Aplica una sombra sobre las cajas.

    -moz-box-shadow: rgb(150,150,150)
    5px 5px;
    -webkit-box-shadow:
    rgb(150,150,150) 5px 5px;
    box-shadow: rgb(150,150,150) 5px
    5px;
    Transformaciones
    dinmicas
    cada vez que el puntero del ratn pasa
    sobre esta caja, la propiedad transform
    rota la caja en 5 grados, y cuando el
    puntero se aleja la caja vuelve a rotar
    de regreso a su posicin original.

    #columna:hover{
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    }
    Los COAR son una propuesta viva, sujeta a
    mejoras y construida con todos sus actores.

    GRACIAS

    También podría gustarte