Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Tipos CSS

    Cargado por

    jair.777.super
    1 vistas11 páginas
    Este documento describe CSS (Cascading Style Sheets), un lenguaje de diseño gráfico usado para definir y cambiar el estilo y la presentación de un documento HTML. CSS permite definir reglas de estilo mediante selectores, propiedades y valores. Existen tres formas de agregar CSS a un documento HTML: insertando un elemento <style> en la cabecera, agregando estilos directamente a los elementos o creando un archivo CSS externo y enlazándolo al documento HTML.

    Descripción original:

    Título original

    TiposCSS

    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?

    Denunciar este documento
    Este documento describe CSS (Cascading Style Sheets), un lenguaje de diseño gráfico usado para definir y cambiar el estilo y la presentación de un documento HTML. CSS permite definir reglas de estilo mediante selectores, propiedades y valores. Existen tres formas de agregar CSS a un documento HTML: insertando un elemento <style> en la cabecera, agregando estilos directamente a los elementos o creando un archivo CSS externo y enlazándolo al documento HTML.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    1 vistas11 páginas

    Tipos CSS

    Cargado por

    jair.777.super
    Este documento describe CSS (Cascading Style Sheets), un lenguaje de diseño gráfico usado para definir y cambiar el estilo y la presentación de un documento HTML. CSS permite definir reglas de estilo mediante selectores, propiedades y valores. Existen tres formas de agregar CSS a un documento HTML: insertando un elemento <style> en la cabecera, agregando estilos directamente a los elementos o creando un archivo CSS externo y enlazándolo al documento HTML.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 11

    Construye Páginas Web

    Margarita Susana Avila Peña.


    CSS
    • Es un complemento para HTML
    Sintaxis
    Está basada en reglas que se definen por selectores, propiedades y valores.

    Selector {
    propiedad1:valor1;
    propiedad2:valor2;
    propiedad3:valor3;
    }
    Las propiedades son palabras claves definidas por el lenguaje y son características
    escritas en inglés a la que se le asigna un valor para cambiar el estilo de un elemento.
    Reglas
    • Es opcional escribir en minúsculas, como
    HTML no diferencia entre mayúsculas y
    minúsculas.
    • El identificador del selector puede contener
    letras, números, guion medio y guion bajo.
    • El primer carácter del identificador de un
    selector no puede ser un número.
    • El identificador de un selector puede contener
    caracteres no permitidos utilizando \
    Ejemplo
    selector {
    color: valor;
    background:valor;
    font-family:valor;
    font-size:valor;
    }
    CSS
    Existen tres formas de hacer código CSS en un documento HTML:
    1.- Insertar un elemento STYLE dentro de HEAD
    <head>
    <meta charset=“utf-8”>
    <title> HTML y CSS </title>
    <style type=“text/css”>
    p{
    color:red;
    }
    </style>
    </head>
    CSS
    Existen tres formas de hacer código CSS en un documento HTML:
    2.- Agregar estilos directamente a los elementos.
    <body>
    <h1 style=“color:blue;”> HTML y CSS </h1>
    CSS
    Existen tres formas de hacer código CSS en un documento HTML:
    3.- Crear un archivo independiente CSS y enlazarlo al documento HTML usando LINK
    dentro de HEAD.
    En un editor de textos (puede ser el bloc de notas) creamos un nuevo documento que se
    nombrará estilos.css y crearemos una nueva carpeta llamada CSS y aquí lo guardaremos.
    El documento contendrá:
    p{
    color:green;
    }
    CSS
    Existen tres formas de hacer código CSS en un documento HTML:
    3.- Crear un archivo independiente CSS y enlazarlo al documento HTML usando LINK
    dentro de HEAD.
    Ahora en el documento HTML agregamos en la etiqueta HEAD:
    <head>
    <meta charset=“utf-8”>
    <title> HTML y CSS </title>
    <link rel=“stylesheet” type=“text/css” href=“css/estilos.css”>
    </head>
    Selector universal Selector de tipo
    Aplica reglas a un elemento
    Aplica reglas a todo el documento
    determinado
    HTML
    p{
    *{
    propiedad: valor;
    propiedad: valor;
    }
    }
    Selector id Selector de clase
    El id es un atributo que poseen todos los Aplica reglas a todo el documento
    elementos. Nos permite definir un HTML
    nombre único con el cual podemos
    encontrar el elemento en el documento p{
    HTML
    En el documento HTML propiedad: valor;
    <h1 id="primera"> Selector id </h1> }

    #primera {
    color: #0000ff;
    }

    También podría gustarte