Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • CSS XML Introducción Estilos Hojas Cascada

    Cargado por

    Juan Merino Luna
    85 vistas5 páginas
    estilos de cc3

    Título original

    1.5 Hojas de Estilo en Cascada e Introducción Al XML

    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
    estilos de cc3

    Copyright:

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

    CSS XML Introducción Estilos Hojas Cascada

    Cargado por

    Juan Merino Luna
    estilos de cc3

    Copyright:

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

    1.

    5HojasdeEstiloenCascadaeIntroduccinalXML

    QuesCSS?
    CascadingStyleSheets,hojasdeestiloencascada,fueintroducidoen1996comoelstandar
    paraaadirinformacindeestiloalosdocumentosHTML.Peroesteusoestabarestringido
    sloalasetiquetaspropiasdeHTML.
    CSSesunlenguajesencilloparalaaplicacindeestilosaunelementoXML.Undocumento
    XMLpuedeestarformateadodemuchasdiferentesformasypropsitosporloqueseramuy
    tilutilizarunslodocumentoXMLydiferentesposiblesformateosdependiendodelusoquese
    levayaadaraldocumento.
    CSStienedosversionesdenominadasCSS1yCSS2aparecidasen1996y1998
    respectivamente.Aunqueelproblemaenestecasonoeselstandar,sinoelprocesamientode
    estepuestoqueenlaactualidadnotodoslosnavegadoresestnpreparadosparasu
    procesamiento.CSSseexpresamediantereglasenunficherodetextoplano.Cadaregla
    contieneelnombredelelementoalqueseaplicayelestilodefinido.

    Hojasdeestiloencascada(CSS)
    LaideaqueseencuentradetrsdeldesarrollodeCSSessepararlaestructuradeun
    documentodesupresentacin.Lainformacindeestilopuedeseradjuntadacomoun
    documentoseparadooenelmismodocumentoHTML.Enesteltimocasopodrandefinirse
    estilosgeneralesenlacabeceradeldocumentooencadaetiquetaparticularmedianteel
    atributo"<style>".

    LashojasdeestilosontilesparadefinirlosatributosvisualesendocumentosHTML.Estole
    daalosautoresmtodospoderososparadefinirelaspectovisualdeldocumento,mientrasque
    separalapartesemntica(HTML)delapresentacional(stylesheets).

    Sintaxis
    CSStieneunasintaxismuysencilla,queusaunascuantaspalabrasclavestomadasdelingls
    paraespecificarlosnombresdesusselectores,propiedadesyatributos.Unahojadeestilos
    CSSconsisteenunaseriedereglas.Cadareglaconsisteenunoomsselectoresyunbloque
    deestilosconlosestilosaaplicarparaloselementosdeldocumentoquecumplanconel
    selectorquelesprecede.

    AbajopuedeverseunejemplodeunapartedeunahojadeestilosCSS:

    selector[,selector2,...][:pseudoclass][::pseudoelement]
    {propiedad:valor
    [propiedad2:valor2...]
    }
    /*comentarios*/

    FormasdeusarCSS

    ParadarformatoaundocumentoHTML,puedeemplearseCSSdetresformasdistintas:

    1.Unestiloenlnea(online):esunmtodoparainsertarellenguajedeestilodepgina
    directamentedentrodeunaetiquetaHTML.Estamaneradeprocedernoestotalmente
    adecuada.ElincrustarladescripcindelformateodentrodeldocumentodelapginaWeb,a
    niveldecdigo,seconvierteenunamaneralarga,tediosaypocoelegantederesolverel
    problemadelaprogramacindelapgina.Dadoquelosclientesdecorreoelectrnicono
    soportanlashojasdeestilosexternas,yquenoexistenestndaresquelosfabricantesde
    clientesdecorreorespetenparautilizarCSSenestecontexto,lasolucinmsrecomendable
    paramaquetarcorreoselectrnicos,esutilizarCSSdentrodelospropioselementos(online).

    2.Unahojadeestilointerna:esunahojadeestiloqueestincrustadadentrodeundocumento
    HTML,dentrodelelemento<head>,marcadaporlaetiqueta<style>.Deestamanerase
    obtieneelbeneficiodesepararlainformacindelestilodelcdigoHTMLpropiamentedicho.Se
    puedeoptarporcopiarlahojadeestiloincrustadadeunapginaaotra(estaposibilidades
    difcildeejecutarsisedeseaparaguardarlascopiassincronizadas).Engeneral,lanicavez
    queseusaunahojadeestilointerna,escuandosequiereproporcionaralgunacaractersticaa
    unapginaWebenunsimplefichero,porejemplo,siseestenviandoalgoalapginaWeb.

    3.Unahojadeestiloexterna:esunahojadeestiloqueestalmacenadaenunarchivo
    diferentealarchivodondesealmacenaelcdigoHTMLdelapginaWeb.Estaeslamanerade
    programarmspotente,porqueseparacompletamentelasreglasdeformateoparalapgina
    HTMLdelaestructurabsicadelapgina.

    EstilosCSSintroducidosporelusuarioqueveeldocumento,medianteunarchivoCSS
    especificadomediantelasconfiguracionesdelnavegador,yquesobreescribelosestilos
    definidosporelautorenuna,ovariaspginasweb.

    Losestilosmarcados"pordefecto"porlosuseragent,paradiferenteselementosdeun
    documentoHTML,comoporejemplo,losenlaces.

    Nivelesehistoria

    CSSsehacreadoenvariosnivelesyperfiles.CadaniveldeCSSseconstruyesobreel
    anterior,generalmenteaadiendofuncionesalprevio.

    CSS1:LaprimeraespecificacinoficialdeCSS,recomendadaporlaW3CfueCSS1,publicada
    endiciembre1996yabandonadaenabrilde2008.

    CSS2:LaespecificacinCSS2fuedesarrolladaporlaW3Cypublicadacomorecomendacin
    enmayode1998,yabandonadaenabrilde2008.

    CSS2.1:LaprimerarevisindeCSS2,usualmenteconocidacomo"CSS2.1",corrigealgunos

    erroresencontradosenCSS2,eliminafuncionalidadespocosoportadasoinoperablesenlos
    navegadoresyaadealgunanuevaespecificacin.

    CSS3:AdiferenciadeCSS2,quefueunagranespecificacinquedefinavarias
    funcionalidades,CSS3estdivididaenvariosdocumentosseparados,llamados
    "mdulos".CadamduloaadenuevasfuncionalidadesalasdefinidasenCSS2,demanera
    quesepreservanlasanterioresparamantenerlacompatibilidad.

    IntroduccinalXML

    QuesXML?
    XML,siglaseninglsdeeXtensibleMarkupLanguage('lenguajedemarcasextensible'),esun
    lenguajedemarcasdesarrolladoporelWorldWideWebConsortium(W3C).Derivadel
    lenguajeSGMLypermitedefinirlagramticadelenguajesespecficos(delamismamanera
    queHTMLesasuvezunlenguajedefinidoporSGML)paraestructurardocumentosgrandes.
    Adiferenciadeotroslenguajes,XMLdasoporteabasesdedatos,siendotilcuandovarias
    aplicacionessedebencomunicarentresointegrarinformacin.(BasesdedatosSilberschatz).

    EstructuradeundocumentoXML
    LatecnologaXMLbuscadarsolucinalproblemadeexpresarinformacinestructuradadela
    maneramsabstractayreutilizableposible.
    Estaspartessellamanelementos,yselassealamedianteetiquetas.
    Unaetiquetaconsisteenunamarcahechaeneldocumento,quesealaunaporcindeste
    comounelemento.Unpedazodeinformacinconunsentidoclaroydefinido.Lasetiquetas
    tienenlaforma<nombre>,dondenombreeselnombredelelementoqueseestsealando.

    AcontinuacinsemuestraunejemploparaentenderlaestructuradeundocumentoXML:

    <?xmlversion="1.0"encoding="UTF8"?>
    <!DOCTYPEEdit_MensajeSYSTEM"Edit_Mensaje.dtd">

    <Edit_Mensaje>
    <Mensaje>
    <Remitente>
    <Nombre>Nombredelremitente</Nombre>
    <Mail>Correodelremitente</Mail>
    </Remitente>
    <Destinatario>
    <Nombre>Nombredeldestinatario</Nombre>
    <Mail>Correodeldestinatario</Mail>
    </Destinatario>
    <Texto>

    <Asunto>
    Esteesmidocumentoconunaestructuramuysencillanocontieneatributosnientidades...
    </Asunto>
    <Parrafo>
    Esteesmidocumentoconunaestructuramuysencillanocontieneatributosnientidades...
    </Parrafo>
    </Texto>
    </Mensaje>
    </Edit_Mensaje>

    PartesdeundocumentoXML
    UndocumentoXMLestformadoporelprlogoyporelcuerpodeldocumentoascomotexto
    deetiquetasquecontieneunagranvariedaddeefectospositivosonegativosenlareferencia
    opcionalalaqueserefiereeldocumento,hayquetenermuchocuidadodeesapartedela
    gramticalxicaparaquesecompongademanerauniforme.

    Elementos
    Esteesmidocumentoconunaestructuramuysencillanocontieneatributosnientidades.

    Atributos
    Loselementospuedenteneratributos,quesonunamaneradeincorporarcaractersticaso
    propiedadesaloselementosdeundocumento.Debenirentrecomillas.

    <EstudianteMario="comecroquetas"tipo="taleno">EstoesundaqueMariova
    paseando</Estudiante>

    Entidadespredefinidas
    Entidadespararepresentarcaracteresespecialesparaque,deestaforma,nosean
    interpretadoscomomarcadoenelprocesadorXML.

    Ejemplo:entidadpredefinida:&carcter:&.

    SeccionesCDATA
    EsunaconstruccinenXMLparaespecificardatosutilizandocualquiercarctersinquese
    interpretecomomarcadoXML.Noconfundircon2(#PCDATA)queesparaloselementos.
    Permitequecaracteresespecialesnorompanlaestructura.Ejemplo:

    <![CDATA[contenidoespecial:&]]>

    Comentarios
    <!Estoesuncomentario>

    También podría gustarte