El diseño de las páginas web vienen compuestas por “cajas rectangulares” las cuales tienen propiedades: alto, ancho, margen entre las cajas, el espacio de relleno interior. Con el modelo de cajas de css se controla estas propiedades además de la forma en que se visualizan las cajas: ocultas, desplazarla respecto a su posición original y fijarlas en una posición especifica del documento.
Las cajas de una página se crean automáticamente. Una caja está formada por seis partes:
Continue Reading…
Las unidades de medidas en el CSS son:
em: El valor de 1em se aproxima a la anchura de la M (mayuscula) del tipo de letra que se este utilizando.
ex: Relativo a la altura de la letra x (minuscula) del tipo de letra que se este utilizando
px: Relativa respecto a la pantalla del usuario
Continue Reading…
CSS define otros selectores más avanzados que permiten simplificar las hojas de estilos. Este tipo de selectores no son soportados por IE6 o sus versiones anteriores.
Continue Reading…
Selectores
Como ya habíamos comentado, los selectores son los elementos HTML o tags de HTML a los que se les dará el formato para que la página web tenga el diseño correcto dependiendo de lo que queremos proyectar.
Se pueden tener estos selectores:
- Selector universal
- Selector de tipo o etiqueta
- Selector descendente
- Selector de clase
- Selector de ID
- Combinación de selectores básicos
Continue Reading…
Las hojas de estilo (CSS por sus siglas en inglés) ayudan a los documentos HTML y XHTML a mejorar su aspecto, la forma en como el usuario puede ver los colores, fuentes, tamaño de fuentes, tablas, lista de elementos, en fin, todos los elementos que se ven o pueden llegar a ver en una página web.
No todos los navegadores soportan todas las versiones que se han liberado de CSS. De igual forma, cada navegador tiene una versión y cada una, puede soportar diferente versión de CSS. Existen tres versiones de CSS: CSS1, CSS2, CSS3. Los navegadores más usados son: Internet explorer (IE), Firefox (FF), Safari, opera y google chrome.Por lo tanto, antes de empezar a manejar hojas de estilo, hay que pensar que el usuario puede usar calquiera de estos navegadores y diseñar una hoja de estilos que pueda ser soportado por estos.
Continue Reading…
