-
Span HTML Tutorial
-
El elemento span HTML funciona con reglas Hojas de estilo en cascada (CSS) con el estilo de un componente particular de una página. El lapso se introduce dentro del código HTML y está vinculada a una palabra que ha predeterminado atributos establecidos dentro de la CSS. Aprender a tomar ventaja de las etiquetas span para sus propios documentos.
CSS
Para empezar, el marcador de posición para crear las reglas de estilo CSS entre la apertura y cierre "<head> </ head>" etiquetas.
En primer lugar, insertar el "<style>" etiqueta de estilo en la sección de cabeza, decirle al navegador qué tipo de estilo es (text / css) y especifique el atributo media. Los medios de comunicación indica donde se pueden utilizar los estilos, tal como una pantalla o una impresora. Los dos atributos más utilizados son "pantalla" o entrar en "todos" para cubrir todos los dispositivos de salida. Por ejemplo:
<Head>
<Style type = "text / css" media = "pantalla">
</ Head>A continuación añadimos el "<! - ->" Comentario donde las reglas realmente viven. Por ejemplo:
<Head>
<Style type = "text / css" media = "pantalla">
<! -
el CSS aquí
->
</ Head>Selector de clase
A estilos de clase tipos comunes de los contenidos, utilizar varias veces a lo largo de la página, y se indica con el anterior "." carácter de época. Al crear reglas, utilizar una palabra que indique el estilo particular. Por ejemplo, para hacer que la primera palabra de cada párrafo en negrita entre:
<! -
.First {font-weight: bold; }
->Ahora, encontrar el punto en el HTML que contiene la primera palabra que desea aplicar esta regla a. Introduzca la apertura y cierre de las etiquetas span, antes y después de la palabra deseada, para acceder a la CSS. Por ejemplo:
<P> <span class = "primera"> Este </ span> es un párrafo de ejemplo. </ P>Guarde el archivo para asegurarse de que sus estilos se hagan efectivos.
Selector de ID
El selector de ID, también se utiliza en conjunción con un palmo, define un elemento explícito en su página y es designado por el "#" carácter número. Cada período de ID se utiliza una sola vez, lo que le permite crear un estilo verdaderamente independiente cuando sea necesario. Al igual que con una regla de clase, crear una palabra que denota el estilo, pero esta vez introducirlo con el símbolo correcto. Para demostrarlo, para crear una única instancia del texto azul, entre:
<! -azul {color: blue; }
->Una vez más, encontrar el texto deseado en el HTML y lo rodean con la apertura y el cierre de las etiquetas span para aplicar el CSS. Por ejemplo:
<Span id = "blue"> Este es el texto que quiero hacer azul. </ Span>Por último, asegúrese de guardar el documento para que compruebe que la regla (s) CSS se hacen cumplir.
