Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: Dacan en 21 de Abril de 2008, 23:44:36 pm
-
Tengo lo Siguiente:
<span style="overflow:auto; border-style:dashed; border-color: #000099 ; border-width: 1px;"> Los Datos Son Incorrectos </span>
Como Hago para no tener que poner eso en todo los textos osea con un simple class?
Saludos, Dacan ;)
-
Pues tan facil como...
.datoscorrectos {
overflow:auto;
border-style:dashed;
border-color: #000099;
border-width: 1px;
}
Y para aplicarlo... <span class="datoscorrectos">Los Datos Son correctos</span>
-
Pues primero debes crear un archivo CSS (ej: style.css) y luego llamarlo en el archivo HTML del siguiente modo:
<link href="style.css" rel="stylesheet" type="text/css">Y para dar estilo a un texto, por ejemplo, con un <span class="clase">texto</span> serviría.
Ahora bien, has de saber hacer el código CSS, que es más sencillo de lo que parece.
Por ejemplo, utilizando el código que has dado, el CSS quedaría así:
.clase_de_texto {
overflow:auto;
border-style:dashed;
border-color: #000099;
border-width: 1px;
}
Por lo tanto, quedaría:
<span class="clase_de_texto">texto</span>
Y de esta forma te ahorras código HTML, aunque tengas que trabajar más el CSS. Para hacer eso es una tonteria, pero no sabes la de lines de HTML que puedes ahorrarte utilizando bien el CSS.
Espero haberte ayudado ;)
Saludos!
-------
Vaya se me ha adelantado Naveda :P
-
Gracias Ahora si me Ayudaron en cambio en el otro tema no..
Tema Cerrado
Karma (+)
Saludos, Dacan ;)