Realizar cambios en el CSS (Cascading Style Sheet) las declaraciones que se aplican a un elemento HTML puede parecer una tarea compleja. Sin embargo, siempre y cuando te acercas a ella de manera sistemática, debe ser capaz de hacer los cambios que necesita sin demasiado estrés. Una sola página Web puede utilizar las propiedades de estilo de múltiples fuentes, por lo que su tarea inicial será la de averiguar dónde están las declaraciones de su "div" están viniendo. Una vez localizado, puede detener las declaraciones de tener un efecto sobre el elemento mediante la alteración o bien el código HTML o CSS.
Instrucciones
1 Averiguar dónde se almacena el código CSS página Web. código CSS puede aparecer en línea, lo que significa declaraciones de estilo se enumeran como parte del margen de beneficio de un elemento como en el siguiente ejemplo de sintaxis:
<Div style = "color: # FF0000;"> Contenido </ div>
Si este código se encuentra en su "div" podrá borrar todo el atributo "style", junto con su valor. código CSS puede aparecer dentro de la sección de cabecera de la página de la siguiente manera:
<Style type = "text / css">
body {background-color: # 000000;}
</ Style>
código CSS también puede aparecer en uno o más archivos CSS separadas con enlaces en la sección de cabecera de la siguiente página:
<Link rel = "stylesheet" type = "text / css" href = "pagestyles.css" />
Si su página tiene código CSS en la cabeza o en archivos separados, tendrá que mirar a todos este código CSS para modificar el estilo de su elemento "div".
2 Compruebe si el código CSS se refiere a elementos "div". CSS se puede aplicar a un tipo de elemento, como en el siguiente ejemplo:
div {
padding: 5px;
}
Si el CSS en su cabeza página o archivos separados tiene el identificador "div" se usa de esta manera, el código dentro del bloque CSS será que afectan a su elemento. Para cambiar el efecto en su "div", pero dejar que el código se aplica a otros elementos "div" en el sitio, se puede cambiar el "div" a un tipo de elemento diferente. Alternativamente, se puede modificar el código CSS que sólo se aplican a los elementos "div" con un atributo de clase en particular, la adición de este atributo para los elementos "div" que desea que el CSS para aplicar a.
3 Compruebe si el código CSS en referencia a su clase de elemento. elementos HTML pueden tener atributos de clase de la siguiente manera:
<Div class = "top"> Contenido </ div>
Si su "div" tiene un atributo de clase, busque el valor del atributo en el código CSS. El valor del atributo puede aparecer en su propio como sigue:
.parte superior {
/
Declaraciones CSS /
}
Alternativamente, puede aparecer junto con el tipo de elemento de la siguiente manera:
div.top {
/ Declaraciones CSS /
}
Si cualquiera de estos aparecen, puede evitar que las declaraciones de aplicar a su elemento cambiando o eliminando su atributo de clase. Extracción del código CSS puede afectar a otros elementos con la clase, no sólo el elemento que está trabajando.
4 Compruebe si el código CSS en referencia a su ID de elemento. Su elemento tiene el atributo de identificación único de la siguiente manera:
<Div id = "heading"> Contenido principal </ div>
Si el elemento tiene un atributo ID, compruebe que en el CSS mediante la búsqueda de la siguiente sintaxis:
la partida {
/
Declaraciones CSS /
}
Dentro de cada página, un valor de atributo ID presente una única vez, como el ID está destinado a ser único. Cambiando el valor del atributo ID debe impedir que el código CSS que puedan afectar al elemento "div". Opcionalmente, puede cambiar o eliminar el código CSS, pero esto puede afectar a los elementos con el mismo ID en otras páginas en su sitio si utilizan el mismo código CSS.
5 Compruebe si el código CSS que afectan a los elementos principales o secundarios de su "div". código CSS para elementos padre tendrá un golpe de efecto en su "div" por lo que puede que tenga que realizar modificaciones a ese código, a pesar de estos cambios pueden afectar el resto de su sitio. Elementos dentro de su "div" también pueden haber adaptado el código CSS, a fin de comprobar para esta usando el mismo método que utilizó para la "div" en sí mismo, trabajando a través de los elementos secundarios, a su vez.
Consejos y advertencias
- herramientas del navegador, como Firebug pueden ser útiles cuando se altera el código HTML y CSS.
- Los cambios en un sitio web existente puede tener consecuencias no deseadas. Por esta razón es posible que desee guardar copias de todos los archivos que va cambiando.