Mediante la seudo-clase focus se puede resaltar el elemento que tiene el foco.
input:focus {
border: 2px solid #000;
background: #F3F3F3;
}
En los elementos INPUT del tipo TEXT y TEXAREA el texto esta muy pegado al borde.
input[type:text],
textarea {
padding: 2px;
}
El elemento LABEL es un elemento en linea, por lo que no ocupa todo el ancho ni causa un salto de linea.
label{
display: block;
margin: 3px 0;
}
Define el alineamiento vertical de los elementos en las celdas. Su uso es basicamente sobre etiquetas in-line y no funcionan sobre etiquetas del tipo bloque como P, DIV, etc.
| Valor | Descripcion |
|---|---|
| baseline | Alinea la línea base del elemento con la línea base del padre. Su comportamiento puede cambiar en un navegador u otro. Valor por defecto. |
| sub | Alinea la línea base del elemento con la línea SUB del elemento padre. |
| super | Alinea la línea base del elemento con la línea SUP del elemento padre. |
| text-top | La parte superior del elemento es alineada con la parte superior del elemento padre. |
| text-bottom | La parte inferior del elemento es alineada con la parte inferior del elemento padre. |
| middle | Se ubica a la mitad del elemento padre. |
| top | La parte superior del elemento es alineado con la parte superior del elemento en la misma línea. |
| bottom | |
| absoluto(px,em) | Medida absoluta respecto a la linea base del padre. Valores negativos estan permitidos. |
| relativo (%) | Medida relativa respecto a la linea base del padre. |
| inherit | Hereda del padre |
| unset | No usado |
vertical-align: bottom; vertical-align: middle;
La etiqueta FIELDSET es posible aprovecharla como un campo contenedeor de dos o mas columnas.
form fieldset{
float: left;
width: 48%;
}