CSS-style-tag-in-HTML








CSS-style-tag-in-HTML


CSS-style-tag-in-HTML


CSS-style-tag-in-HTML

the last of the CSS

How to use the style tag in css By using the style tag we reduce the coupling that exists between html and css, this use is much better than the style attribute but it is not the best option since it is in the same file as the html code. The style tag must be written inside the head of the page. In html5 it has been simplified and we can write the style tag since it has by default css. Let's see an example for this we will use these css properties, we will use color: to define the color of the text, background-color to define the background color of the text, font.family to define the typeface and font and font-size to define the size of the text. Let's see the following example What we will achieve in the next example is to separate the html code from the css even if it is in the same file, also now we have a great advantage that we no longer have to do the changes one by one but now we only go to our style tag and we apply the changes of our entire web page.


CSS-style-tag-in-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>


CSS


Enrique Rojas


Web Designer and Positioning Consultancy
Passionate about sharing quality content that can improve your life.
Boost visibility on the web for valuable searches on Google.



About the Author

CSS the best news about this category CSS

Offerjops
13 stars - based on 213 reviews