Embedded style configuration

On this page you will learn how to simply create a style block in an html file.

Embedded Style Usage

The embedded style affects only the styles on the page where they are used.

Embedded style sheets are defined in the head section of the HTML document. You can define as many items as you want in the section style.

The example below shows how style rules are placed on a web page.
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        body { background-color: YellowGreen; }
		h1 { color: blue; }
        .blog{font-size:12px;}
        #link{font-size:11px;}
    </style>
</head>
<body>
    <h1>Hello World!<h1>
    <p class="blog">
        <a id="link" href="iletisim.php">Contact</a>
    </p>

</body>
</html>
In today's websites, embedded style configuration is not preferred except in special cases. Keeping this configuration in an external style file, along with the caching feature, will reduce the page's kb value, which will positively affect the page loading speed.

Therefore, care should be taken not to use embedded css code unless there is a special requirement.
E.Albayrak
Email

0 Yorum

Soru & Yorum


Web Tasarım

Renkli Kare

Web Tasarım Ajansı

Social Media