Lo básico: En línea, integrado, CSS externo

CSS en línea

Usar un estilo de linea es una  manera de insertar una hoja de estilo, en este caso de CSS en linea solo se le aplica a un elemento o etiqueta que se quiera estilizar.



En este ejemplo vemos como usando CSS podemos darle al párrafo un fondo negro y letra color azul.

CSS integrado/interno

Para aplicar este método  se define la etiqueta <style> dentro de un encabezado (<head>). Al usar este método el estilo ya no se le da solo a una linea sino a todos los elementos que tienen el estilo aplicado en la etiqueta <style>.


Y este es el resultado, de verdad que es de gran utilidad esto cuando la página esta muy grande.

CSS externo

Este metodo se utiliza teniendo un archivo guardado con la extensión .css donde estaran todos los valores que le queramos dar a la estructura de un documento HTML. Ejemplo


Con este archivo aparte iremos al archivo HTML y luego llamaremos con la etiqueta <link> a este archivo para que nos de los valores para estilizar lo que deseemos teniendo en cuenta que simpre va ir contenido en la cabecera de nuestro archivo HTML. Por ejemplo


Y como podemos ver nos da el mismo resultado, pero es una buena practica ya que se nos hace todo mucho más ordenado.

Comentarios

Publicar un comentario

Entradas populares de este blog

Conceptos básicos HTML: Atributos

Imagen
Atributos Los atributos se encargan de darle información a los elementos al mismo tiempo que pueden modificarlos, ya que casi todos los atributos tienen un valor y este valor a su vez modifica el atributo. En este ejemplo podemos observar el atributo align y le damos al valor center para que nos de el siguiente resultado: Los atributos siempre deben de especificarse en la etiqueta de apertura del elemento que queremos modificar. Mediciones de atributos Por ejemplo podemos modificar una linea para que tenga un ancho de 60 pixeles. Esto se hace con el atributo width: Esto de igual manera se puede hacer en porcentaje. Atributo de  alineación Estos atributos como su titulo lo dice son aquellos que usamos para alinear nuestro texto de la manera que lo necesitemos. Por ejemplo podemos hacer un texto alineado al centro y una linea alineada hacia la izquierda, así: Dando esto como resultado:
Leer más

Introducción a JavaScript

Imagen
Nuestro primer JavaScript Vamos entonces a empezar a agregar nustro JavaScript a la pagina web. Tengamos en cuenta que JavaScript vive dentro de el archivo HTML asi que los scripts estaran encerrados por las etiquetas <script></script>. El <script> puede ponerse entre las etiquetas <head> y <body>, pero debemos tener en cuenta que si lo ponemos en head se ejecutara primero que el cuerpo de nuestra pagina que es a la que le daremos lo interactivo. Ahora vamos a usar esto para imprimir un mensaje en la web: La función document.write()  escribe una cadena de caracteres para luego imprimirla así: Formato de texto Podemos usar las etiquetas HTML en los scripts para darle los formatos que ya hemos visto antes, así:
Leer más

Visión General JavaScript

Imagen
La etiqueta <script> Esta etiqueta puede tomar dos atributos, lenguaje y tipo, que especifican la secuencia de comandos. El atributo lenguaje ya no esta en uso, por lo tanto no lo debemos de usar pero queria compartirles por si alguna vez ven un archivo HTML antiguo. Ahora en modo de ejemplo vamos a hacer un cuadro de alerta en nustra pagina web de esta manera: Y este es el resultado del navegador, las cosas se están poniendo interesantes y se pondrán aún mejor.
Leer más