Mostrando entradas con la etiqueta estilos. Mostrar todas las entradas
Mostrando entradas con la etiqueta estilos. Mostrar todas las entradas

martes, 20 de febrero de 2018

UN POCO MÁS DE CSS

Hay tres formas de insertar CSS en un documento:
  • Hoja de estilos externa: en un fichero independiente con extensión .css
  • Hoja de estilos interna: en la cabecera del documento
  • En línea: en cualquier etiqueta utilizando atributo style.
¿Qué estilo se utilizará cuando se especifica más de uno en un elemento HTML?
En este caso  el orden sería el siguiente: 
                   
            Declaración en línea > Declaración interna > Declaración externa


Aquí os dejo una tabla con un resumen de las características de cada estilo:


DECLARACIÓN CSS
ARCHIVOS AFECTADOS
CSS SE APLICA A
En línea
Uno, aquel donde se realiza la declaración
Una línea de código.
Interna
Uno, aquel en cuya cabecera se realiza la declaración
Todos los elementos del archivo en los que resulte de aplicación el estilo
Externa
Todos los archivos que invoquen el archivo css
Todos los elementos de los archivos afectados en que resulte de aplicación el estilo

Si queréis saber más podéis mirar el siguiente enlace en el que profundizan más en el tema.

domingo, 18 de febrero de 2018

CSS ¿QUÉ ES?

¡Holaaaaaa a todosss! Como podéis ver en el título, vamos a hablar un poco sobre CSS (Cascading Style Sheets), hoja de estilos en cascada, básicamente describe como se va a ver la información en una pantalla. Si recordáis de la entrada anterior veíamos como con HTML podíamos introducir texto, imágenes y vídeos, e incluso dar algo de forma al texto y colocarlo, pero con CSS podemos dotar de un estilo y formato a los documentos HTML. Los estilos definen la forma de mostrar los elementos HTML.
Una hoja de estilo es el conjunto de propiedades de formato, una o más reglas aplicadas a el documento HTML.
Las reglas de estilos son los componentes de una hoja de estilo. Una regla de estilo está compuesta por:

  • El selector que indica las etiquetas a las que se aplica.
  • La declaración que es un conjunto de pares (propiedad/valor).

h1 {color: red;}
h1 es el selector
{color: red;} es la declaración, donde color es la propiedad y red el valor.
OJO: Cualquier error en la sintaxis hace que la regla sea ignorada.
Resultado de imagen de CSS

BLOG ASIGNATURA SCM

Twitter

PORTFOLIO

Twitter