January 28, 2016

Internal Style Sheets in CSS3

By Krishnaa CSS 0 Comments

By using style attribute which contains multiple properties, will make your code look dirty. In such scenario, Internal Style Sheets help a lot. Internal Style Sheets are created using style element. They are usually placed inside head element. There are multiple selectors like class, ID, tag name etc which you can use to select an element. All of those selectors will be discussed later. But just for the time being, please have a look over the example given below where we are selecting a DIV element by its tag name and applying styles to it.

<!DOCTYPE html>
<html>
<head>
<title>CSS Tutorials</title>
<style type="text/css">

div {
    background-color: red; 
    font-weight: bold;
}

</style>
</head>
<body>
<div >Hello World!</div>
</body>
</html>

You May Also Like: