Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 33 vistas

    CSS3

    Cargado por

    aguilar
    Este documento trata sobre HTML5 y CSS3. Explica que CSS3 es un lenguaje de hojas de estilo para controlar la presentación de documentos HTML y permite separar el contenido de la presentación. Describe las principales características de CSS3 como permitir definir estilos exactos para cada elemento HTML, escalar tamaños, crear plantillas de estilos y más. Luego explica cómo implementar CSS3 a través de archivos externos o etiquetas internas en HTML, y los diferentes tipos de selectores como de elementos, identificadores y clases.

    Copyright:

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

    CSS3

    Cargado por

    aguilar
    33 vistas11 páginas
    Este documento trata sobre HTML5 y CSS3. Explica que CSS3 es un lenguaje de hojas de estilo para controlar la presentación de documentos HTML y permite separar el contenido de la presentación. Describe las principales características de CSS3 como permitir definir estilos exactos para cada elemento HTML, escalar tamaños, crear plantillas de estilos y más. Luego explica cómo implementar CSS3 a través de archivos externos o etiquetas internas en HTML, y los diferentes tipos de selectores como de elementos, identificadores y clases.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento trata sobre HTML5 y CSS3. Explica que CSS3 es un lenguaje de hojas de estilo para controlar la presentación de documentos HTML y permite separar el contenido de la presentación. Describe las principales características de CSS3 como permitir definir estilos exactos para cada elemento HTML, escalar tamaños, crear plantillas de estilos y más. Luego explica cómo implementar CSS3 a través de archivos externos o etiquetas internas en HTML, y los diferentes tipos de selectores como de elementos, identificadores y clases.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    33 vistas11 páginas

    CSS3

    Cargado por

    aguilar
    Este documento trata sobre HTML5 y CSS3. Explica que CSS3 es un lenguaje de hojas de estilo para controlar la presentación de documentos HTML y permite separar el contenido de la presentación. Describe las principales características de CSS3 como permitir definir estilos exactos para cada elemento HTML, escalar tamaños, crear plantillas de estilos y más. Luego explica cómo implementar CSS3 a través de archivos externos o etiquetas internas en HTML, y los diferentes tipos de selectores como de elementos, identificadores y clases.

    Copyright:

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

    HTML5 y CCS3

    Metodología de la Programación
    UNJu – Facultad de Ingeniería

    17/9/2020 Ing. José Zapana


    ¿Qué es CCS3?

    • Sus siglas corresponden a “Cascading Style


    Sheets” versión 3
    • Es un lenguaje de hojas de estilo creado para
    controlar el aspecto o presentación de los
    documentos HTML
    • Es la mejor forma de separar los contenidos de
    su presentación

    Ing. José Zapana 2


    CCS3 - Principales Características
    • Permite definir el estilo de cada elemento HTML de
    manera exacta.
    • Permite escalar tamaños en función del tamaño de la
    pantalla.
    • Aísla el contenido de la presentación.
    • Permite crear plantillas de estilos que pueden importarse
    en otros HTML.

    Ing. José Zapana


    CCS3 - Implementación

    • Los estilos CSS deben definirse en un fichero con


    extensión .css, no obstante:
    ○ Pueden declararse dentro de un HTML mediante la
    etiqueta <style>
    ○ Pueden aplicarse directamente sobre un elemento
    concreto en la propiedad "style".
    • Lo correcto es llevar los estilos a un o unos ficheros css,
    pero se permite añadir pequeños retoques directamente
    sobre el HTML.

    Ing. José Zapana 4


    CCS3 - Cómo definir un estilo

    Ing. José Zapana 5


    CCS3 - Cómo definir un estilo
    • Un selector es un identificador del elemento HTML
    debemos aplicar el estilo.
    • Existen diferentes tipos de selectores.
    • Se pueden crear jerarquías de estilos.
    • Podemos definir estilos por defecto para los
    elementos HTML estándar.
    • Los estilos pueden sobreescribir a otro, el orden
    de sobreescritura es el mismo en el que se cargan
    los ficheros css o se lee el fichero.
    • Si queremos que un estilo prevalezca sobre el
    resto, podemos indicarlo con !important

    Ing. José Zapana 6


    CCS3 - Tipos de selectores

    • De elemento HTML:
    ○ h1, table, div, span…
    • De identificador
    ○ Todos los elementos HTML cuya propiedad "id"
    tenga un determinado valor, tendrán ese estilo.
    • De clase
    ○ Todos los elementos HTML cuya propiedad
    "class" tenga un determinado valor tendrán ese
    estilo.

    Ing. José Zapana 7


    CCS3 - Tips para implementación
    • Normalmente se le aplica un estilo por defecto a los
    elementos HTML para conformar una plantilla.
    • La personalización definitiva se suele realizar haciendo uso
    de la propiedad "class".
    • No es recomendado usar el selector por id. Sólo se
    recomienda cuando el componente, además de estilo
    realiza alguna funcionalidad javascript.
    • Cuando incluyamos plantillas en un fichero HTML hay que
    estar seguros que no incorporan estilos CSS que
    sobreescriban los nuestros.
    • En caso de conflicto, debemos asegurar que nuestros estilos
    quedan situados por encima de los otros (aunque no
    siempre es posible)

    Ing. José Zapana 8


    CCS3 Como mejora de CSS

    • CSS3 como mejora de CSS incorpora


    propiedades para una mejor maquetación y
    decoración de los elementos.
    • Se han añadido propiedades para aplicar
    efectos de pintado.
    • Se permiten realizar animaciones.
    • Habilita el uso de lógica en los CSS.
    • Ejemplo de dibujado HTML + CSS: Minion

    Ing. José Zapana 9


    Una herramienta para practicar

    - Codepen: es un editor online que permite


    realizar pruebas utilizando html, css y
    javascript
    - https://codepen.io/
    -

    Ing. José Zapana 10


    Referencias

    - CSS Tutorial

    Ing. José Zapana 11

    También podría gustarte