Unidad 4

Css

Introduccin
Al terminar esta unidad, el alumno podr:
Describir el flujo natural de cajas en una pgina Web
Escribir reglas de estilo para que las cajas floten
Aplicar el posicionamiento absoluto de las divisiones en una
pgina Web
Realizar divisiones con posicionamiento fijo en una pgina Web
Crear formatos fijos para pginas Web
Crear formatos flexibles para pginas Web
Escribir pginas responsivas para diferentes dispositivos

 Flujo natural de las cajas

Hacer que las cajas floten
Posicionamiento Absoluto
Posicionamiento fijo fixed
Formato de paginas fijos
Contenidos y estilos en formatos fijos
Formatos flexibles
Tamaos mximos y mnimos
Formatos responsivos para telfonos inteligentes y
tabletas

Flujo natural de las Cajas

Cuando se crean las cajas que serian los segmentos
entre etiquetas estas siempre quedan a la izquierda y
ocupan el total de la pantalla con la propiedad de width
se dimenciona el tamao de la caja y asi mismo se
puede proceder a trabajar con ellas

Hacer que las cajas floten

Para que las cajas floten entonces se necesita usar la
propiedad de float mediante esta propiedad se puede
hacer que las cajas tomen un sentido flotante, esta
propiedad no permite poner las cajas al centro para ello
se debe dejar las propiedades padding y margin para
que puedan quedar al centro.
Para que las cajas no floten se usa la propiedad clear:
both esto para que la caja no flote a pesar de que otras
si estn flotando

Posicionamiento Absoluto
Con margin: 0 auto centra cualquier cosa, poner los
elementos con relacin al cometedor que tiene esto con
el fin de moverlo en responsive

Posicionamiento Fijo
Si se dan propiedades de posiciones y no se ata a
ningna caja el formato de la pagina ser siempre fijo
es decir que no se adaptara a ningn dispositivo mvil

Formatos de Paginas Fijos

Layaout- con css diseo de paginas con tablas pero
para funcionar de forma resposiva
Manejar espacios en mltiplos de 16, tomar el numero
960 y dividirlo entre las cantidades a realizar, esto para
crear una pagina

Contenidos y estilos de formatos

Fijos

Formatos Felxibles
Calculos en Excel

Tamaos Mximos y Mnimos

Se puede establecer caractersticas hasta donde se
podra adaptar un sitio web dependiendo de que
dispositivo se use

Formatos Responsivos para

telfonos Inteligentes y tabletas
Con media querys se puede seleccionar las hojas en
cascada y dependiendo de ciertas propiedades, se usa
la sintaxis
@media only screen and(min-dimencion)
Con esta etiqueta se dimenciona la pagina segn como
se desee agrupar