Descargar como PPS, PPTX
Subido porHenry Astudillo Ramirez
css
CSS permite definir estilos que se aplican a elementos HTML de forma separada al contenido. CSS separa la presentación visual del contenido, lo que facilita el manejo de datos y diseño en páginas web. Los estilos CSS se pueden aplicar de forma interna, en línea o externa a través de una hoja de estilos vinculada, permitiendo definir la apariencia de todo un sitio web en un solo lugar.
css
- 1. CSS=Cascading Style Sheet– Cascading significa que la definición de estilos fluye en las etiquetas anidadas. Ejemplo: La aplicación del color rojo a la etiqueta <body> se propagará a otros elementos contenidos en la etiqueta – Style significa que se aplicarán estilos a las etiquetas – Sheet implica que toda la definición se guardará en una página.
- 2. Una especificaciónpara la presentación de documentos complementaria a HTML. – HTML sirve para describir el contenido de una página Web. – CSS es como una plantilla que se usa para definir un estilo para un elemento HTML y que se puede aplicar en todos las páginas donde aparezca dicho elemento.
- 3. HTML Tradicional mezclaPresentación y Datos CSS Separa el contenido de la presentación haciendo mas fácil manejar datos y diseño
- 4. • VentajasCSS: – Separa contenido de presentación • Separa la capa de estilo de una página web de los datos y de la información que se muestran en ella . – Permite especificar la apariencia de todo el sitio web en un único lugar. • Los estilos para fuentes, tamaños de la fuente, espaciado de letras, colores, y márgenes . Un cambio en un fichero genera cambios en todos los ficheros. – Puede ser usado para páginas HTML y para XML • Desventajas CSS: – No todos los navegadores soportan CSS
- 5. La sintaxis generales: O Donde: – Selector es cualquier etiqueta HTML o XML afectada por el estilo . – Propiedad y Valor describen la apariencia de las etiquetas. – Los espacios entre los ‘:’ y los ‘;’ son opcionales. – Debe usarse un ‘;’ entre las propiedades, aunque es opcional para la última propiedad.
- 6. H1 { Color: blue Font-size : 18 px }
- 7. Dónde Implementar Estilos:– Inline: Afecta a etiquetas individuales. – <p><font color=“green”> Texto </font></p> – Embedded o Internal: Afecta a una única página web: – <style type=“text/css”> P{color:green} </style> – <p> Texto </p> – External o Linked: Puede afectar a todo el sitio web. • Se pone en un fichero aparte con ext. CSS: “mihoja.css” • <link rel=“stylesheet” type=“text/css” href= “ mihoja.css”>
- 8.