Categories
HTML Web development

HTML style tag

HTML style tag

The HTML <style> element defines style information (CSS) for a document.

Inside the <style> tag you can define how HTML elements should render in a browser.

Example:

<!DOCTYPE html>
<html>
<head>
<style>
h4 {color:#2a9d8f;}
p {color:#e76f51;}
</style>
</head>
<body>

<h4>This is a heading</h4>
<p>This is a paragraph.</p>

</body>
</html>

Output:

This is a heading

This is a paragraph.

Note: To connect to an external style sheet, use the HTML <link> element.

Attributes:

media (value- media_query) – defines what media/device the media resource is optimized for.

Syntax:

<style media="value"> 

type (value- text/css) – defines the media type of the <style> element.

Syntax:

<style type="media_type"> 

To learn more about HTML <style> element go to the CSS tutorials.

Enjoy coding!