duda basica

[pereztroff]

¿CSS u hoja de estilo, en si que es javascript o parte de html?

¿como se definiria?

gracias.

[PatomaS]

Hola

Las CSS son hojas de estilo en cascada.

Son una tecnología independiente del html y del javascript.

Se utilizan para dar formato visual a los documentos generados con lenguajes estructurales, por ejemplo html y xml.

Dado que se pueden integrar a las etiquetas, o elementos, del html mediante el atributo style, las propiedades que definen se conviertn a su vez en atributos de la etiqueta y por lo tanto son modificables mediante JavaScript.

Se les llama hojas de estilo en cascada porque pueden aplicar su estilo a varios elementos simultaneamenete y porque, bien diseñadas, cada regla de las css complementa la apariencia de la página, sumando atributos de diversos elementos, superponiendo propiedades generales y específicas.

Las hojas de estilo se pueden insertar en los documentos html de tres maneras:

1. mediante un documento externo que contenga las reglas, es dcir, un documento .css
2. mediante un apartado en la cabecera de la página denominado <style>, el cual debe indicar que es del tipo css, es decir, queda aí <style type="text/css">.
3. mediante el atributo style de las etiquetas html, por ejemplo: <span style="color: #ff00ff; height: 20px;">.

Espero que haya servido

Felicidad

[pereztroff]

Muchas gracias patomas, mejor explicacion imposible.


Ahora, ¿cual de esos tres metodos es el mejor o el mas utilizado?

[PatomaS]

Hola

Bueno, yo prefiero incluir las css en archivos aparte, reduce el tamaño de la página y ayuda a las validaciones.

Sin embargo, si has de modificar los atributos de algún elemento mediante javascript, has de utilizar «style», de lo contrario, la mayoría de la sveces obtendrás un mensaje diciendo que el objeto que quieres modificar no tiene esa propiedad o su valor no está definido.

Felicidad

[PascalC]

PatomaS tiene la razón... pero no enteramente

Es muy posible alcanzar las propiedades de estilo por javascript si no están definidas las etiquetas style, pero es algo más complicado.

Por ejemplo ayer lo hice en esta página :
http://www.chevrelbureau.com

Al pasar el puntero sobre la foto aparece una cuadrito con información, la capa del cuadrito tiene los estilos definidos en el fichero externo y lo que alcanzo por javascript no es el atributo "style", sino el estilo calculado. Eso se hace con el método getComputedStyle en los navegadores modernos (mozilla, opera, safari) y mediante el método propietario cssstyle en IE :

function voir(qui,type)
{
var mielemento = document.getElementById(qui);
var ledisplay=(document.defaultView && document.defaultView.getComputedStyle) ?
document.defaultView.getComputedStyle(mielemento,' ').getPropertyValue("display") : mielemento.currentStyle ? mielemento.currentStyle.display : "";

mielemento.style.display = type;
}

Otro método sería añadir o quitar clases al elemento, lo que reulta más sencillo cuando uno quiere cambiar muchos estilos.