Entradas con etiquetas ‘CSS’
Empezando un documento HTML 5
A continuación hablare un poco en como empiezo los nuevos documentos de HTML 5 en mis proyectos. DOCTYPE define el tipo de formato de HTML. En este caso al definir la siguiente linea, el navegador reconoce que el documento que lee a continuación esta marcado en HTML 5. <!DOCTYPE html> En las siguientes lineas están [...]
Margen, Relleno y Borde
Hoy te enseñare lo básico de como poner espacios entre tus objetos (etiquetas como <a> o <div> para mencionar algunas). Si tu ya has leído los artículos anteriores sobre CSS entonces sabes que Margen, Relleno y Borde son propiedades que le puedes aplicar a un selector. Con estos tres podes empezar a diseñar cajas y empezar [...]
Usando CSS – Class y ID
Ahora que ya sabes cosas básicas de CSS, te enseñare como implementarlo en un diseño. Recuerda que la idea de CSS es hacer el código HTML mas limpio, y corto. Para eso usaremos dos cosas llamadas Clase y Identificador (Class y ID). Class Este es un selector que selecciona grupos y les aplica algún estilo [...]
Integrando CSS en tu Pagina HTML
Ahora que ya sabes como escribir un poco de CSS, te enseñare como integrarlo en tu pagina HTML. Para empezar, debemos saber como y donde poner los códigos de CSS. Hay dos formas de hacerlo, la primera es ponerlos dentro de tu pagina HTML y la otras es crear un archivo con la extensión .css [...]
Syntax CSS
El sintaxis de CSS tiene 3 partes: Selector Propiedad Valor de propiedad selector {propiedad: "valor de propiedad";} Por ejemplo, si quieres cambiar el etiqueta de <h1> a tu gusto, puedes usar lo siguiente: h1 {color:black;} h1 {color:#000000;} Mas de un Selector y propiedad Si quieres asignar una propiedad a mas de un selector puedes hacer [...]
¿Que es CSS?
Cascading Style Sheets (CSS) por su nombre en ingles, es una forma de añadir estilo a tus paginas web. CSS te facilita la creación de documentos web y paginas web, ya que puedes aplicar una CSS a varios documentos. CSS se puede definir adentro de de un documento HTML usando la etiqueta <style>. Pero si [...]