• Like
C:\Tics\Concepto De Css
Upcoming SlideShare
Loading in...5
×

C:\Tics\Concepto De Css

  • 229 views
Uploaded on

Cascade StyleSheet

Cascade StyleSheet

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
229
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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