Está en la página 1de 5

1.5HojasdeEstiloenCascadaeIntroducciónalXML

¿QuéesCSS?

CascadingStyleSheets,hojasdeestiloencascada,fueintroducidoen1996comoelstandar

paraañadirinformacióndeestiloalosdocumentosHTML.Peroesteusoestabarestringido sóloalasetiquetaspropiasdeHTML. CSSesunlenguajesencilloparalaaplicacióndeestilosaunelementoXML.Undocumento XMLpuedeestarformateadodemuchasdiferentesformasypropósitosporloqueseríamuy útilutilizarunsólodocumentoXMLydiferentesposiblesformateosdependiendodelusoquese levayaadaraldocumento.

CSStienedosversionesdenominadasCSS1yCSS2aparecidasen1996y1998

respectivamente.Aunqueelproblemaenestecasonoeselstandar,sinoelprocesamientode

estepuestoqueenlaactualidadnotodoslosnavegadoresestánpreparadosparasu

procesamiento.CSSseexpresamediantereglasenunficherodetextoplano.Cadaregla

contieneelnombredelelementoalqueseaplicayelestilodefinido.

Hojasdeestiloencascada(CSS)

LaideaqueseencuentradetrásdeldesarrollodeCSSessepararlaestructuradeun

documentodesupresentación.Lainformacióndeestilopuedeseradjuntadacomoun

documentoseparadooenelmismodocumentoHTML.Enesteúltimocasopodríandefinirse

estilosgeneralesenlacabeceradeldocumentooencadaetiquetaparticularmedianteel

atributo"<style>".

LashojasdeestilosonútilesparadefinirlosatributosvisualesendocumentosHTML.Estole

daalosautoresmétodospoderososparadefinirelaspectovisualdeldocumento,mientrasque

separalapartesemántica(HTML)delapresentacional(stylesheets).

Sintaxis

CSStieneunasintaxismuysencilla,queusaunascuantaspalabrasclavestomadasdelinglés

paraespecificarlosnombresdesusselectores,propiedadesyatributos.Unahojadeestilos

CSSconsisteenunaseriedereglas.Cadareglaconsisteenunoomásselectoresyunbloque

deestilosconlosestilosaaplicarparaloselementosdeldocumentoquecumplanconel

selectorquelesprecede.

AbajopuedeverseunejemplodeunapartedeunahojadeestilosCSS:

selector[,selector2, ][:pseudo­class][::pseudo­element] { propiedad:valor;

[propiedad2:valor2;

]

}

/*comentarios*/

FormasdeusarCSS

­ParadarformatoaundocumentoHTML,puedeemplearseCSSdetresformasdistintas:

1.Unestiloenlínea(online):esunmétodoparainsertarellenguajedeestilodepágina

directamentedentrodeunaetiquetaHTML.Estamaneradeprocedernoestotalmente

adecuada.ElincrustarladescripcióndelformateodentrodeldocumentodelapáginaWeb,a

niveldecódigo,seconvierteenunamaneralarga,tediosaypocoelegantederesolverel

problemadelaprogramacióndelapágina.Dadoquelosclientesdecorreoelectrónicono

soportanlashojasdeestilosexternas,yquenoexistenestándaresquelosfabricantesde

clientesdecorreorespetenparautilizarCSSenestecontexto,lasoluciónmásrecomendable

paramaquetarcorreoselectrónicos,esutilizarCSSdentrodelospropioselementos(online).

2.Unahojadeestilointerna:esunahojadeestiloqueestáincrustadadentrodeundocumento

HTML,dentrodelelemento<head>,marcadaporlaetiqueta<style>.Deestamanerase

obtieneelbeneficiodesepararlainformacióndelestilodelcódigoHTMLpropiamentedicho.Se

puedeoptarporcopiarlahojadeestiloincrustadadeunapáginaaotra(estaposibilidades

difícildeejecutarsisedeseaparaguardarlascopiassincronizadas).Engeneral,laúnicavez

queseusaunahojadeestilointerna,escuandosequiereproporcionaralgunacaracterísticaa

unapáginaWebenunsimplefichero,porejemplo,siseestáenviandoalgoalapáginaWeb.

3.Unahojadeestiloexterna:esunahojadeestiloqueestáalmacenadaenunarchivo

diferentealarchivodondesealmacenaelcódigoHTMLdelapáginaWeb.Estaeslamanerade

programarmáspotente,porqueseparacompletamentelasreglasdeformateoparalapágina

HTMLdelaestructurabásicadelapágina.

­EstilosCSSintroducidosporelusuarioqueveeldocumento,medianteunarchivoCSS

especificadomediantelasconfiguracionesdelnavegador,yquesobreescribelosestilos

definidosporelautorenuna,ovariaspáginasweb.

­Losestilosmarcados"pordefecto"porlosuseragent,paradiferenteselementosdeun

documentoHTML,comoporejemplo,losenlaces.

Nivelesehistoria

CSSsehacreadoenvariosnivelesyperfiles.CadaniveldeCSSseconstruyesobreel

anterior,generalmenteañadiendofuncionesalprevio.

CSS1:LaprimeraespecificaciónoficialdeCSS,recomendadaporlaW3CfueCSS1,publicada

endiciembre1996yabandonadaenabrilde2008.

CSS2:LaespecificaciónCSS2fuedesarrolladaporlaW3Cypublicadacomorecomendación

enmayode1998,yabandonadaenabrilde2008.

CSS2.1:LaprimerarevisióndeCSS2,usualmenteconocidacomo"CSS2.1",corrigealgunos

erroresencontradosenCSS2,eliminafuncionalidadespocosoportadasoinoperablesenlos

navegadoresyañadealgunanuevaespecificación.

CSS3:AdiferenciadeCSS2,quefueunagranespecificaciónquedefiníavarias

funcionalidades,CSS3estádivididaenvariosdocumentosseparados,llamados

"módulos".CadamóduloañadenuevasfuncionalidadesalasdefinidasenCSS2,demanera

quesepreservanlasanterioresparamantenerlacompatibilidad.

IntroducciónalXML

¿QuéesXML? XML,siglaseninglésdeeXtensibleMarkupLanguage('lenguajedemarcasextensible'),esun

lenguajedemarcasdesarrolladoporelWorldWideWebConsortium(W3C).Derivadel

lenguajeSGMLypermitedefinirlagramáticadelenguajesespecíficos(delamismamanera

queHTMLesasuvezunlenguajedefinidoporSGML)paraestructurardocumentosgrandes.

Adiferenciadeotroslenguajes,XMLdasoporteabasesdedatos,siendoútilcuandovarias

aplicacionessedebencomunicarentresíointegrarinformación.(BasesdedatosSilberschatz).

EstructuradeundocumentoXML

LatecnologíaXMLbuscadarsoluciónalproblemadeexpresarinformaciónestructuradadela

maneramásabstractayreutilizableposible.

Estaspartessellamanelementos,yselasseñalamedianteetiquetas.

Unaetiquetaconsisteenunamarcahechaeneldocumento,queseñalaunaporcióndeéste

comounelemento.Unpedazodeinformaciónconunsentidoclaroydefinido.Lasetiquetas

tienenlaforma<nombre>,dondenombreeselnombredelelementoqueseestáseñalando.

AcontinuaciónsemuestraunejemploparaentenderlaestructuradeundocumentoXML:

<?xmlversion="1.0"encoding="UTF­8"?>

<!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

UndocumentoXMLestáformadoporelprólogoyporelcuerpodeldocumentoasícomotexto

deetiquetasquecontieneunagranvariedaddeefectospositivosonegativosenlareferencia

opcionalalaqueserefiereeldocumento,hayquetenermuchocuidadodeesapartedela

gramáticaléxicaparaquesecompongademanerauniforme.

Elementos

Esteesmidocumentoconunaestructuramuysencillanocontieneatributosnientidades.

Atributos

Loselementospuedenteneratributos,quesonunamaneradeincorporarcaracterísticaso

propiedadesaloselementosdeundocumento.Debenirentrecomillas.

<EstudianteMario="comecroquetas"tipo="taleno">EstoesundíaqueMariova

paseando…</Estudiante>

Entidadespredefinidas

Entidadespararepresentarcaracteresespecialesparaque,deestaforma,nosean

interpretadoscomomarcadoenelprocesadorXML.

Ejemplo:entidadpredefinida:&carácter:&.

SeccionesCDATA EsunaconstrucciónenXMLparaespecificardatosutilizandocualquiercaráctersinquese

interpretecomomarcadoXML.Noconfundircon2(#PCDATA)queesparaloselementos.

Permitequecaracteresespecialesnorompanlaestructura.Ejemplo:

<![CDATA[contenidoespecial:áéíóúñ&]]>

Comentarios

<!­­­Estoesuncomentario­­­>