Scribd
Cargar
32 vistas2 páginas

Inf CSS

Este documento proporciona una introducción a las diferentes formas de incluir hojas de estilo CSS en documentos HTML. Describe los tres métodos principales: enlazar a un archivo CSS externo usando la etiqueta <link>, incluir estilos CSS internamente usando la etiqueta <style>, y aplicar estilos en línea usando el atributo style. Explica que enlazar a un archivo CSS externo es el método más recomendado y habitual, ya que permite separar la presentación del contenido.

Cargado por

Yese Diaz
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 DOCX, PDF, TXT o lee en línea desde Scribd
32 vistas2 páginas

Inf CSS

Este documento proporciona una introducción a las diferentes formas de incluir hojas de estilo CSS en documentos HTML. Describe los tres métodos principales: enlazar a un archivo CSS externo usando la etiqueta <link>, incluir estilos CSS internamente usando la etiqueta <style>, y aplicar estilos en línea usando el atributo style. Explica que enlazar a un archivo CSS externo es el método más recomendado y habitual, ya que permite separar la presentación del contenido.

Cargado por

Yese Diaz
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 DOCX, PDF, TXT o lee en línea desde Scribd

1.

Maquetación básica

width: Ancho de un elemento.

height: Alto de un elemento.

vertical-align: Alineamiento vertical dentro de un elemento.

margin: Espacio que se añade entre el elemento y sus vecinos. Se puede diferencia por lado (arriba,
abajo, izquierda, derecha).

padding: Relleno interior que se añade en los bordes del A diferencia de margin, cuenta para el tamaño
del elemento.

float: Mueve el elemento todo lo posible hacia el lado indicado. Esta propiedad se usa en el
posicionamiento flotante de CSS. El tema del posicionamiento en CSS no es trivial y conviene estudiar
cómo funciona antes de usar esta propiedad.

2. Fuentes y texto

font-family: Tipo de letra

font-size: Tamaño de letra

font-weight: Peso (normal, negrita, …)

font-style: Estilo (normal, cur…

[9:58 p. m., 9/3/2022] Neli Bonilla: Antes de comenzar a trabajar con CSS hay que conocer las diferentes
formas para incluir estilos en nuestros documentos HTML, ya que hay varias, cada una con sus
particularidades y diferencias.

En principio, tenemos tres formas diferentes de hacerlo, siendo la primera la más común y la última la
menos habitual:

Nombre MétodoDescripción

CSS Externo Etiqueta <link> El código se escribe en un archivo .css a parte. Método más habitual.

CSS Interno Etiqueta <style>El código se escribe en una etiqueta <style> en el documento HTML.

Estilos en línea Atributo style="..." El código se escribe en un atributo HTML de una etiqueta.

Veamos cada una de ellas detalladamente:

Enlace a CSS externo (link)

En la cabecera de nuestro documento HTML, más concretamente en el bloque <head></head>,


podemos incluir una etiqueta <link> con la que establecemos una relación entre el documento actual y
el archivo CSS que indicamos en el atributo href:

<link rel="stylesheet" href="index.css" />


De esta forma, los navegadores sabrán que deben aplicar los estilos que se encuentren en el archivo
index.css. Se aconseja escribir esta línea lo antes posible (sobre todo, antes de los scripts), obligando así
al navegador a aplicar los estilos cuanto antes y eliminar la falsa percepción visual de que la página está
en blanco y no ha sido cargada por completo.

Esta es la manera recomendada de utilizar estilos CSS en nuestros documentos.

El atributo type="text/css" no es necesario en HTML5. Muchas veces se indica para mantener


retrocompatibilidad con navegadores muy antiguos, pero en la actualidad se puede omitir.

También podría gustarte