CSS Básico
CategoríaRecursos y guías sobre CSS a nivel básico.
15 artículos para principiantes en CSS
Ya lo he publicado anteriormente en mi twitter, pero lo he publicado en el blog, es muy interesante. Además de tener una categoría sobre CSS básico, un montón de hojas de referencia, quería mostraros un recopilatorio de 15 artículos relacionados con los principiantes en CSS (algunos ya publicados en este blog).Si te estás iniciando en este … Lee más!
Repetir fondo con CSS
Repetir un fondo con CSS es muy básico y efectivo para ahorrarnos KB al tener una única imagen minúscula que se repite por toda la pantalla y así, acelerar la carga de la página. Por ejemplo, en CSSBlog hemos usado la imagen de fondo que ahora tenemos. Vamos a repetir esta imagen uniformemente por toda … Lee más!
CSS: La propiedad Line-height
La propiedad Line-height especifica el espacio del salto de línea base de un texto. Los valores son relativos al tamaño de la fuente del elemento y no existen valores negativos.Si dicho valor es un número, la altura de la línea se calcula multiplicando el tamaño de la fuente del elemento por dicho número. (Puedes ver … Lee más!
Vídeo: Manual básico sobre CSS – Parte 1
Desarrolloweb nos trae un vídeo explicando fundamentos básicos de CSS, todo paso a paso. En este vídeo se explica qué son las hojas en Cascada (CSS), distintos usos de las hojas de estilos, pasando a ver las distintas maneras de aplicarlo y sus distintos usos. El vídeo dura un poco menos de una hora. Si … Lee más!
CSS: La propiedad Outline
La propiedad Outline nos permite crear un contorno dinámico alrededor de los elementos. Esta propiedad se define justo fuera del límite del border. Se tiende a comparar con la propiedad border de forma errónea ya que son propiedades distintas. Por ejemplo, al contrario que lo que ocurre con la propiedad border, la propiedad outline no … Lee más!
CSS: Inherit
En esta entrada explicaremos qué es la propiedad inherit, además de profundizar un poco en ella. Vamos a sus orígenes: ¿Qué es inherit? ¿No te preguntaste alguna vez cómo podías definir la herencia entre los estilos? De eso trata inherit. Inherit es una característica que tiene CSS por la cual podemos obtener la herencia entre … Lee más!
Vídeo: Cómo usar CSS Sprites
Seguro que muchas veces os habéis preguntado que son los CSS Sprites. Es una técnica para poder agrupar varias imágenes en una sola, pero de mayor tamaño, para luego poder hacer rollover o irlas viendo por separado aunque estén en una misma imagen, usando la propiedad background-position. En este vídeo se muestra el uso de … Lee más!
Ordenar tus códigos CSS
Para no marearnos la cabeza y hacer nuestro código más legible, lo mejor sería que ordenemos nuestro código de acuerdo a varios criterios. Ya os explicamos anteriormente cómo ordenar los archivos CSS en función del tamaño, número de ficheros, etc. Esta vez lo haremos en función de las propiedades. En Aloe Studio han dividido las … Lee más!
CSS: Color y Background
La propiedad CSS background te permite controlar el color de fondo de cualquier elemento, indicarlo como imagen, repitiendo la imagen de fondo verticalmente u horizontalmente y la posición de la imagen de fondo en la página. Si deseamos indicar el fondo con un color, el código CSS sería este. body {background-color: #00ff00} En este ejemplo … Lee más!
Guía sobre los frameworks CSS
Leyendo un artículo interesante sobre cuando usar un framework CSS me ha gustado y he querido compartirlo con vosotros. ¿Qué es un framework CSS? Es una librería pensada para poder estandarizar nuestras páginas más comodamente y de forma sencilla. Con el uso de frameworks podemos conseguir soluciones para estandarizar nuestras páginas y conseguir el mismo … Lee más!
CSS: La propiedad Overflow
La propiedad overflow establece que ocurrirá si el contenido de un elemento excede su área. La propiedad overflow sirve principalmente para poder ubicar mucho contenido en un bloque que debe ser pequeño porque estropea el diseño o no lo queremos poner por otra razón. Con la propiedad overflow podremos incluirlo en un sitio más pequeño … Lee más!
Guía sobre el uso de las fuentes en la Web
La fuente juega un papel fundamental en el diseño de nuestro sitio web, ya sea su diseño interior o exterior. Esto es así porque de ella dependerá que un lector abandone la página por culpa de la ceguera de esta, o siga leyendo. (Esto se conoce como percepción del observador). En esta entrada se resumen … Lee más!
