Your SlideShare is downloading. ×
C:\Tics\Concepto De Css
C:\Tics\Concepto De Css
C:\Tics\Concepto De Css
C:\Tics\Concepto De Css
C:\Tics\Concepto De Css
C:\Tics\Concepto De Css
C:\Tics\Concepto De Css
C:\Tics\Concepto De Css
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

C:\Tics\Concepto De Css

245

Published on

Cascade StyleSheet

Cascade StyleSheet

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
245
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Concepto de CSS
    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.
    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..
  • 2. APLICACION
    Especificarlo directamente en la etiqueta en la que queremos usarlo.
    Definirlo aparte y Aplicarlo en las etiquetas que queramos.
    Definir estilos globales para las etiquetas (que podrán ser cambiados en las que no se desee aplicarlos).
  • 3. APLICACION - ejemplos
    si tenemos un texto en negrita y queremos que salga con un tamaño de letra 14 y en color rojo, haremos:
    La negrita que vemos <B STYLE="font-size:14pt;color:red">es más grande y está en rojo</B>.
    La negrita que vemos es más grande y está en rojo.
    estilos globales por medio de la etiqueta <STYLE> ... </STYLE> como sigue:
    <STYLE TYPE="text/css"><!--  Etiqueta1, Etiqueta2 : {propiedad1:valor}  Etiqueta3 : {propiedad1:valor;...;propiedadS:valor}  .Clase1 : {propiedad1:valor;...;propiedadT:valor}//--></STYLE>
  • 4. APLICACION - ejemplos
    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>):
    <LINK REL="stylesheet" TYPE="text/css" HREF="URL_Hoja.css">
    /* 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}
  • 5. PROPIEDADES - color
  • 6. PROPIEDADES - Texto
  • 7. PROPIEDADES - Fuente
  • 8. PROPIEDADES - Bloque

×