Scribd
Cargar
62 vistas5 páginas

Topicos CSS

CSS es un lenguaje de hojas de estilo que se usa para estilizar elementos HTML y separar el contenido de la presentación visual de una página web. CSS ayuda a mantener la información de contenido separada de los detalles de visualización mediante el uso de reglas, selectores y declaraciones. Existen tres formas de incluir CSS en un documento HTML: mediante un archivo CSS externo, CSS interno en la cabecera o CSS embebido directamente en las etiquetas.

Cargado por

Michael Gonzalez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
62 vistas5 páginas

Topicos CSS

CSS es un lenguaje de hojas de estilo que se usa para estilizar elementos HTML y separar el contenido de la presentación visual de una página web. CSS ayuda a mantener la información de contenido separada de los detalles de visualización mediante el uso de reglas, selectores y declaraciones. Existen tres formas de incluir CSS en un documento HTML: mediante un archivo CSS externo, CSS interno en la cabecera o CSS embebido directamente en las etiquetas.

Cargado por

Michael Gonzalez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

CSS

MICHAEL GONZALEZ

¿QUÉ ES?
CSS  (en inglés Cascading Style Sheets) es
lo que se denomina lenguaje de hojas de
estilo en cascada y se usa para estilizar
elementos escritos en un lenguaje de
marcado como  HTML. CSS separa el
contenido de la representación visual del
sitio.

¿PARA QUE SIRVE?


La filosofía de CSS se basa en intentar
separar lo que es la estructura del
documento HTML de su presentación.
Por decirlo de alguna manera: la página
web sería lo que hay debajo (el
contenido) y CSS sería un cristal de
color que hace que el contenido se vea
de una forma u otra.

UNIVERSIDAD TECNOLOGICA TULA-TEPEJI


CSS
MICHAEL GONZALEZ

¿POR QUE UTILIZARLO?


CSS ayuda a mantener la información de
contenido de un documento separado de
los detalles de como mostrarlo. Los
detalles de como se muestra el
documento son conocidos como estilos. Si
mantienes los estilos separados  del
contenido puedes: Evitar duplicación
Hacer el mantenimiento más simple
Usar el mismo contenido con diferentes
estilos para diferentes propositos.

RAZONES
Separación del contenido y
presentación.
Unificación del diseño de las páginas d
Limpieza del código fuente.
Compatibilidad y continuidad.

UNIVERSIDAD TECNOLOGICA TULA-TEPEJI


CSS
MICHAEL GONZALEZ

SINTAXIS
Todo el código CSS se compone de
reglas.  Una regla es  el conjunto de
propiedades  que se van a aplicar a un
elemento determinado, siempre tiene
un  selector y una  declaración. La
declaración va encerrada entre llaves  { }  y
dentro de ella se escriben todas
las  propiedades  con sus  valores, que
modificarán al selector. Cuando hay más
de una propiedad, se separan con punto y
coma.

UNIVERSIDAD TECNOLOGICA TULA-TEPEJI


CSS
MICHAEL GONZALEZ

SELECTORES
Los selectores definen sobre qué elementos se
aplicará un conjunto de reglas CSS.

Selector  de tipo: Selecciona todos los


elementos que coinciden con el nombre del
elemento especificado.
Sintaxis: eltname
Ejemplo:  input  se aplicará a cualquier
elemento <input>.

Selector  de clase: Selecciona todos los


elementos que tienen el  atributo
de class especificado.
Sintaxis: .classname
Ejemplo:  .index  seleccionará  cualquier
elemento que tenga la clase "index".

Selector  de ID: Selecciona un elemento


basándose  en el valor de su atributo  id. Solo
puede haber un elemento con un
determinado ID dentro de un documento.
Sintaxis: #idname
Ejemplo: #toc se aplicará a cualquier elemento
que tenga el ID "toc".

UNIVERSIDAD TECNOLOGICA TULA-TEPEJI


CSS
MICHAEL GONZALEZ

COMO USARLO
Existen 3 formas diferentes de incluir CSS en
nuestro archivo html:

CSS externo
En la cabecera del HTML, el bloque  <head>
</head>, incluimos una relación al archivo CSS
en cuestión:

CSS interno
Otra de las formas que existen para incluir
estilos en un documento HTML es la de
añadirlos directamente en la cabecera HTML
del documento:

CSS embebido
Por último, la tercera forma de aplicar estilos
en un documento HTML es hacerlo
directamente en las propias etiquetas, a través
del atributo style:

UNIVERSIDAD TECNOLOGICA TULA-TEPEJI

También podría gustarte