Scribd Logo
Importer

Bienvenue sur Scribd !

  • CSS301

    Transféré par

    ELOISA
    31 vues10 pages
    tew

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    tew

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    31 vues10 pages

    CSS301

    Transféré par

    ELOISA
    tew

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 10

    1/9/2019

    CSS3

    LIC. RUDY CUENCA SARZURI

    rcs 1

    INTRODUCCIÓN
    Las hojas de estilo nos permiten definir de manera eficiente la representación de
    nuestras páginas y es uno de los conocimientos fundamentales que todo diseñador
    web debe manejar a la perfección para realizar su trabajo

    rcs 2

    1
    1/9/2019

    SELECTOR POR TIPO univer02.css

    p{
    color: blue;
    <html>
    text-align: center;
    <head> font-size: 1.1em;
    <title>Mi primera pagina</title> }
    <meta charset="utf-8"> h1 {
    <link rel="stylesheet" type="text/css" font-size: 3em;
    href="univer03.css" /> color: red;
    </head> text-align: center;
    <body>
    <h1>Selector Etiqueta</h1>
    }
    <h2>Selector Etiqueta de h1</h2> h2 {
    <h3>Selector Etiqueta de h2</h3> font-size: 2em;
    <p>Estos son varios parrafos</p> color: green;
    <p>para probar</p> text-align: center;
    <p>el selector etiqueta</p> }
    </body> h3 {
    </html>
    font-size: 1.5em;
    color: brown;
    rcs text-align: center; 3
    universal02.css }

    SELECTORES
    Elemento[atributo^=“valor”] selecciona todos los elementos que disponen de ese
    atributo y cuyo valor comienza exactamente por la cadena de texto indicada
    elemento[atributo$="valor"], selecciona todos los elementos que disponen de ese
    atributo y cuyo valor termina exactamente por la cadena de texto indicada.
    elemento[atributo*="valor"], selecciona todos los elementos que disponen de ese
    atributo y cuyo valor contiene la cadena de texto indicada..

    rcs 4

    2
    1/9/2019

    ELEMENTO[ATRIBUTO^=“VALOR”]

    rcs 5

    ELEMENTO[ATRIBUTO$="VALOR"]

    rcs 6

    3
    1/9/2019

    ELEMENTO[ATRIBUTO*="VALOR"],

    rcs 7

    SELECTORES IDENTIFICADORES

    rcs 8

    4
    1/9/2019

    SELECTORES CLASES

    rcs 9

    SELECTORES ATRIBUTOS

    rcs 10

    5
    1/9/2019

    SELECTORES ATRIBUTOS

    rcs 11

    SELECTORES ATRIBUTOS

    rcs 12

    6
    1/9/2019

    PSEUDO-ELEMENTOS EN CSS 3

    13

    rcs

    PSEUDO-ELEMENTOS EN CSS 3

    rcs 14

    7
    1/9/2019

    PSEUDO-ELEMENTOS EN CSS 3

    rcs 15

    PSEUDO-CLASES EN CSS 3

    Le da el color al enlace
    antes de usar

    Le da el color al enlace
    después de utilizar

    Me permite resaltar la opción


    al seleccionar con el mouse

    Resalta el campo
    seleccionado

    rcs 16

    8
    1/9/2019

    Cambiara el estilo de los


    hijos

    rcs 17

    Cambiara el estilo de los


    hijos

    Cambiara el estilo del ultimo


    li

    18

    rcs

    9
    1/9/2019

    BIBLIOGRAFÍA

    https://www.youtube.com/watch?v=_3Dh4q1xvAU&index=7&list=PLH_tVOsiVGzk4vus
    80XGsKAW-e0gjOd5x

    rcs 19

    10

    Vous aimerez peut-être aussi