-
Cómo borrar elementos CSS con la herencia
-
Cuando usted flota componentes de sitios web, como imágenes, usted tiene la opción de utilizar la Sheets (CSS) atributo clara de estilo en cascada para especificar donde las imágenes no deben mostrar en relación con el elemento padre que está asignado. Los hijos de los elementos padre también heredan este estilo cuando se anidan entre las marcas para padres. Utilice el programa editor de texto de su equipo para aplicar las reglas que los elementos CSS claras con la herencia.Instrucciones
1 Abrir su programa editor de texto. Cargar el archivo de sitio web que usted está solicitando los estilos CSS para y escriba lo siguiente antes de la etiqueta de cierre </ head>:
<Style type = "text / css">
</ Style>
2 Introduzca un elemento de nivel superior, tales como DIV y escriba ".clear" después de ella. Siga esto con un par de llaves:
div.clear {}
El estilo div.clear comienza la regla que especifica cómo se borran los elementos, tanto en el elemento DIV y la forma en que se heredan de los elementos secundarios.
3 Tipo "claro:" entre los soportes e introducir un valor, como por ejemplo "derecha" o "izquierda", para especificar dónde no se les permite elementos flotantes:
div.clear {clear: right; }
4 Enter "<div class =" clear "> </ div>" en el código HTML en cualquier lugar por debajo de la apertura <body>.
5 Escriba un elemento secundario, como por ejemplo "<p> </ p>" etiquetas de párrafo, entre los elementos DIV e introduzca su contenido entre ellos:
<Div class = "clear">
<P> Este es el texto. </ P>
</ Div>
6 Guarde el archivo. El elemento hijo ahora hereda el atributo claro que ha asignado al elemento padre.
Consejos y advertencias
- Cuando usted flota elementos, tales como imágenes, a determinar en la que aparecen en la página Web. Un elemento principal es una etiqueta HTML, como <h1>, que abarca otro elemento como <em>. Por ejemplo:
- <H1> <em> texto aquí </ em> </ h1>
- En este caso, <em> es el elemento secundario y hereda el estilo claro asignado a <h1>.
