Foros del Web » Creando para Internet » CSS »

duda basica

Estas en el tema de duda basica en el foro de CSS en Foros del Web. ¿CSS u hoja de estilo, en si que es javascript o parte de html? ¿como se definiria? gracias....
  #1 (permalink)  
Antiguo 23/06/2004, 16:37
Avatar de pereztroff  
Fecha de Ingreso: junio-2002
Ubicación: En la Internet.
Mensajes: 4.068
Antigüedad: 15 años, 6 meses
Puntos: 5
duda basica

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

¿como se definiria?

gracias.
  #2 (permalink)  
Antiguo 23/06/2004, 16:54
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 8 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 24/06/2004, 03:22
Avatar de pereztroff  
Fecha de Ingreso: junio-2002
Ubicación: En la Internet.
Mensajes: 4.068
Antigüedad: 15 años, 6 meses
Puntos: 5
Muchas gracias patomas, mejor explicacion imposible.


Ahora, ¿cual de esos tres metodos es el mejor o el mas utilizado?
  #4 (permalink)  
Antiguo 24/06/2004, 04:35
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 8 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
  #5 (permalink)  
Antiguo 24/06/2004, 04:49
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
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.
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:18.