CSS-etiqueta-style-en-HTML







CSS-etiqueta-style-en-HTML


CSS-etiqueta-style-en-HTML


CSS-etiqueta-style-en-HTML

Lo ultimo de CSS

Como se usa la etiqueta style en css Al usar la etiqueta style reducimos el acoplamiento que existe entre html y css, este uso es mucho mejor que el atributo style pero no es la mejor opcion ya que este se encuentre en el mismo fichero que el codigo html.La etiqueta style se debe escribir dentro del head de la pagina.En html5 se a simplificado y podemos escribir la etiqueta style ya que tiene por defecto css. Vamos a ver un ejemplo para esto utilisaremos estas propiedades css ,utilisaremos color:para definir el color del texto ,background-color para definir el color de fondo del texto , font.family para definir el tipo de letra y fuente y font-size para definir el tama??o del texto. Veamos el siguiente ejemplo Lo que lograremos en el proximo ejemplo es separar el codigo html del css aunque se encuentre en el mismo fichero ,tambien ahora tenemos una gran ventaja que ya no tenemos que hacer los cambos uno a uno si no que ahora solo vamos a nuestra etiqueta style y aplicamos los cambios de toda nuestra pagina web.


CSS-etiqueta-style-en-HTML


Demostracion <!doctype html> <html> <head> <meta charset ="utf-8"/> <title> Demostracion 1</h1> </head> <body> <h1>Demostracion 1</h1> <strong> Offerjops </strong> este es un sitio de eprendurismo <em>tema programacion</em> <h2> Programacion</h2> <p> Este web site es describido por <em>Enrique Rojas</em> <p>Muchas gracias por tu presencia</p> </body> </html> Aplicando estilo Demostracion <!doctype html> <html> <head> <meta charset ="utf-8"/> <title> Demostracion 1</h1> <style type="text/css"> body { background-color:#ccc; color: #333; } h1,h2 { font-family:gergia; } h1 { font-size:3em; ] h2 { font-size:2em; } p { font-family:arial,helvitica,sans-serif; } </style> </head> <body> <h1>Demostracion 1</h1> <strong> Offerjops </strong> este es un sitio de eprendurismo <em>tema programacion</em> <h2> Programacion</h2> <p> Este web site es describido por <em>Enrique Rojas</em> <p>Muchas gracias por tu presencia</p> </body> </html>


Offerjops CSS


Enrique Rojas


Diseño web, Consultor- Seo
Apasionado del posicionamiento web
Impulsar la visibilidad de tu web para búsquedas valiosas en Google.



Sobre el Autor

Offerjops CSS las mejores noticias sobre esta categoria CSS Offerjops

Offerjops
13 stars - based on 213 reviews