Concepto de CSS<br />Las hojas de estilo vienen a intentar volver a separar en un documento el estilo lógico del estilo fí...
APLICACION<br />Especificarlo directamente en la etiqueta en la que queremos usarlo. <br />Definirlo aparte y Aplicarlo en...
APLICACION - ejemplos<br />si tenemos un texto en negrita y queremos que salga con un tamaño de letra 14 y en color rojo, ...
APLICACION - ejemplos<br />podemos definir los estilos en un fichero distinto al documento HTML, y después referenciarlo d...
PROPIEDADES - color<br />
PROPIEDADES - Texto<br />
PROPIEDADES - Fuente<br />
PROPIEDADES - Bloque<br />
Próxima SlideShare
Cargando en…5
×

C:\Tics\Concepto De Css

350 visualizaciones

Publicado el

Cascade StyleSheet

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
350
En SlideShare
0
De insertados
0
Número de insertados
5
Acciones
Compartido
0
Descargas
3
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

C:\Tics\Concepto De Css

  1. 1. Concepto de CSS<br />Las hojas de estilo vienen a intentar volver a separar en un documento el estilo lógico del estilo físico, dejando este último en bloques de definición de estilos separados de la estructura del documento. <br />CSS son las siglas de "CascadeStyleSheet". Se trata de una especificación sobre los estilos físicos aplicables a un documento HTML, y trata de dar la separación definitiva de la lógica (estructura) y el físico (presentación) del documento.. <br />
  2. 2. APLICACION<br />Especificarlo directamente en la etiqueta en la que queremos usarlo. <br />Definirlo aparte y Aplicarlo en las etiquetas que queramos. <br />Definir estilos globales para las etiquetas (que podrán ser cambiados en las que no se desee aplicarlos). <br />
  3. 3. APLICACION - ejemplos<br />si tenemos un texto en negrita y queremos que salga con un tamaño de letra 14 y en color rojo, haremos:<br />La negrita que vemos <B STYLE="font-size:14pt;color:red">es más grande y está en rojo</B>.<br />La negrita que vemos es más grande y está en rojo. <br />estilos globales por medio de la etiqueta <STYLE> ... </STYLE> como sigue: <br /><STYLE TYPE="text/css"><!--  Etiqueta1, Etiqueta2 : {propiedad1:valor}  Etiqueta3 : {propiedad1:valor;...;propiedadS:valor}  .Clase1 : {propiedad1:valor;...;propiedadT:valor}//--></STYLE><br />
  4. 4. APLICACION - ejemplos<br />podemos definir los estilos en un fichero distinto al documento HTML, y después referenciarlo desde el propio documento HTML. Esto lo haremos con la siguiente etiqueta, dentro de la cabecera del documento (entre <HEAD> ... </HEAD>):<br /><LINK REL="stylesheet" TYPE="text/css" HREF="URL_Hoja.css"><br />/* contenido del archivo hoja.css*/ /* Definición de estilos en un archivo aparte */ /* Estilo para el documento */ BODY {font-family:Verdana,sans-serif;font-size:x-small; margin-left:0.25in; margin-right:0.25in} /* Estilo para la cabecera de nivel 2 */ H2 {font-family:Verdana,sans-serif; font-size:14pt;color:red} <br />
  5. 5. PROPIEDADES - color<br />
  6. 6. PROPIEDADES - Texto<br />
  7. 7. PROPIEDADES - Fuente<br />
  8. 8. PROPIEDADES - Bloque<br />

×