Qué es un selector CSS y cómo se usa
¿Qué es un selector CSS? Un selector CSS es un conjunto de reglas por las que podemos dar estilo a cualquier elemento de nuestro HTML. ¿Para qué sirve? Nos permitirá dar clase a cualquier elemento HTML, teniendo así un montón de opciones para personalizar dicho elemento, ya que CSS es muy flexible. Ejemplo Se puede … Lee más!
Frames mediante CSS
Los Frames en mi opinión, son lo más molesto para los buscadores (y las personas), pero quien quiera usarlos, ¡por lo menos que lo use con CSS! Mucho más limpio y amigable. Te explicamos como crear un frame gracias al uso de CSS. dtsv.dtse_post_135_permalink = ‘http://www.cssblog.es/frames-mediante-css/’; dtsv.dtse_post_135_title = ‘Frames mediante CSS’;
Crear menús desplegables con CSS
Gracias a un Framework de CSS, ahora podemos crear menús desplegables 100% compatibles con nuestros navegadores, rápidos y fáciles de utilizar, con solo CSS (y en algunos ejemplos, puede que alguna imagen). Ver Framework para crear menús desplegables con CSS Vía | Leandrodonofrio dtsv.dtse_post_131_permalink = ‘http://www.cssblog.es/crear-menus-desplegables-con-css/’; dtsv.dtse_post_131_title = ‘Crear menús desplegables con CSS’;
Menú circular con submenús en CSS
¿No os parece increíble poder crear un menú en CSS con forma circular? Los chicos de CSSPlay lo consiguen gracias a su gran ingenio con CSS. El menú está testeado en IE6, IE7, Firefox, Opera, Safari (PC) y Google Chrome. Los iconos están cojidos del pack “Milky Set“. Ver menú circular dtsv.dtse_post_126_permalink = ‘http://www.cssblog.es/menu-circular-con-submenus-en-css/’; dtsv.dtse_post_126_title … Lee más!
Técnicas muy productivas con CSS
Si no tuvísteis bastante con el listado de 50 herramientas con CSS, ahora podréis ver otras técnicas muy productivas para trabajar con nuestro CSS. Ver las técnicas productivas con CSS dtsv.dtse_post_122_permalink = ‘http://www.cssblog.es/tecnicas-muy-productivas-con-css/’; dtsv.dtse_post_122_title = ‘Técnicas muy productivas con CSS’;
53 técnicas CSS imprescindibles
¡Basta de códigos enrevesados, largos y pesados! ¿A quién lo le gustaría poder obtener impresionantes técnicas CSS con solo reemplazar un archivo por otro? ¿Crees que es imposible, demasiado fácil para ser verdad? ¡Te equivocas! Te mostramos una lista de 53 técnicas con CSS que serán muy útiles para tí. (Quién sabe, puede que las … Lee más!
30 trucos y técnicas con CSS
Un buen listado de técnicas donde se muestra lo flexible que puede llegar a ser CSS: Trucos y técnicas CSS 1 (Primer capítulo). Trucos y técnicas CSS 2 (Segundo capítulo). Vía | Microsiervos Vía | AlexSancho dtsv.dtse_post_102_permalink = ‘http://www.cssblog.es/30-trucos-y-tecnicas-con-css/’; dtsv.dtse_post_102_title = ’30 trucos y técnicas con CSS’;
Crear hr con CSS
Para los que no quieran usar HTML, también podremos crear <hr> con CSS. Solo debemos aplicarle este código: <head> <style type=”text/css”> hr.linea{ width:55%; height:0px;/*solo queremos borde*/ text-align:left; border-top:0px;/*quita el grosor extra de Opera y FFox*/ border-bottom:#CC0000 dashed 1px; } </style> </head> Lógicamente podremos cambiar los valores del estilo del borde (Por ejemplo, donde pone dashed, … Lee más!
Cómo ordenar tu código CSS
Los chicos de Woork nos explican cómo hacer más ordenado nuestro código CSS, hay que seguir estas pautas: 1) ¿Uno o varios ficheros? Hay gente que utiliza varios ficheros CSS en su código, otros, solo uno, ¿qué es lo mejor?. Lo mejor, depende, si tenemos una web con un fichero CSS enorme, mejor partir ese … Lee más!
Crear un mensaje secreto con CSS, posición y transparencia
Podemos crear un mensaje oculto con CSS, que cuando vayamonos desplazándonos por la página, las letras se coloquen en su lugar y recreen este mensaje oculto, gracias a la propiedad position y a la transparencia. dtsv.dtse_post_829_permalink = ‘http://www.cssblog.es/crear-un-mensaje-secreto-con-css-posicion-y-transparencia/’; dtsv.dtse_post_829_title = ‘Crear un mensaje secreto con CSS, posición y transparencia’;
Columnas equilibradas en CSS
Si queremos crear columnas equilibradas en CSS, utilizando divs y obviamente, CSS, solo tendremos que crear un nuevo archivo HTML, e incluir este código: <style type=”text/css”> #caja_izq {width: 850px; margin: 20px auto; color:#fff; background-color: #4c9ab1; overflow: auto; } #caja_der {width: 500px; float: right; background-color: #82b04d; border-left: solid 30px #fff; } .columna_izquierda {width: 280px; float: left; … Lee más!
50 herramientas muy útiles para CSS
Que alegría nos da cuando vemos una herramienta que nos hace el trabajo más fácil y rápido, ¿verdad? Pues aquí tenemos 50 herramientas sobre CSS para hacernos la vida mucho más fácil. Enlace | 50 herramientas CSS Vía | Adseok dtsv.dtse_post_48_permalink = ‘http://www.cssblog.es/50-herramientas-muy-utiles-para-css/’; dtsv.dtse_post_48_title = ’50 herramientas muy útiles para CSS’;
