creo ke webestilo lo esxplica b bastante bien.
vamos a ver si lo entiendes así.
Imaginemos que tienes creado un estilo ( para una etiqueta html, por ejemplo : input) y tu quieres que en la página haya un input diferente a los demás.
entonces, a ese input le asignamos una ID, la ke sea, llamemosla "x"...
al asignarle la id "x" al botón, adquirira las propiedades del estilo #x {...} de la hoja de estilos que estés usando, además de las de la etiqueta html (las que estén en la definición de la id x sustituirán a las de la etiqueta).
ejemplo práctico:
#s {
height: 20px;
}
input
{
height: 13px;
width: 50px;
}
en este caso, el botón, sería de ancho 50 px, por ser un input, pero no adquiriría los 13px de alto, porque su id, dice que tiene que tener 20 px de alto.
el tutorial también dice que es muy útil para trabajar con javascript, bueno eso creo que no viene a cuento.: P
no se si me habrás entendido ^^