Añadir Tutorial a Favoritos | ¿Enlace roto? Enviar a revisar

Seleccion avanzada de elementos en CSS 2 y CSS 3 Generalmente, cuando queremos seleccionar un elemento 'especial' de nuestro HTML con CSS, llenamos este con id, class, span, que muchas veces son completamente inútiles, y casi siempre, para nada semánticos. Este tip, que se complementa con el de pseudoclases y pseudoelementos, nos ayudará en la tarea de tener un HTML limpio y sin mucho class="" o <span>. Seleccionando hermanos Hermanos hacia abajo li:hover + li { color:#333; } Son hijos de un mismo padre... son [...]

tutorial de jquery jQuery es una liviana librería de JavaScript que hace fácil interactuar con los elementos de un sitio web. Su sencillez y pequeño tamaño le permiten ser el framework ideal para AJAX, efectos en Javascript y muchas cosas más. Aprende a usarla en este manual.

Aplicando hojas de estilo a las tablas Con código css podemos diseñar tablas que albergen datos tabulados. Con la propiedad border-collapse podemos adosar celdas, con border-sapcing controlar la separación y con padding el margen. Con border-style podemos poner tipos de bordes.

Caja CSS con una linea de borde redondeado Otro ejemplo de caja realizada con CSS en el que tenemos una línea de 2 pixels de ancho que rodea el contenido. La línea tiene esquinas redondeadas.

Como reducir el peso de los archivos de estilos CSS En proyectos enormes, nos encontramos con que nuestros archivos CSS no son 100 lineas, sino 1000 y su peso no es 3KB sino 100KB. Cada segundo de carga es vital, así que voy a dar unos tips de como arreglar esto. ¿Cual es la base de todo esto? Legibilidad a cambio de tamaño y/o segundos al cargar la página. Es decir, cambiaremos la facilidad de lectura e identación de los archivos .css (algo innecesario con un .css en producción) por un ahorro considerable en el peso de nuestros estilos. El selector * [...]