CSS::
It stands for Cascading Style Sheets. This file embed with HTML5 .When StyleSheet link with HTML5 browser change the format according to the given.
For describing the presentation of web pages including-colors, layout,fonts,style etc..
CSS is independent of HTML5 and used with XML based markup language.
There are three ways to insert the stylesheet.
<h1 style="color:blue;">This is a Blue Heading</h1>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>hello</h1>
</body>
</html>
For example:
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color:lightgrey;}
h1 {color:blue;}
p {color:green;}
</style>
</head>
<body>
<h1>heading</h1>
</body>
</html>
It stands for Cascading Style Sheets. This file embed with HTML5 .When StyleSheet link with HTML5 browser change the format according to the given.
For describing the presentation of web pages including-colors, layout,fonts,style etc..
CSS is independent of HTML5 and used with XML based markup language.
There are three ways to insert the stylesheet.
- Inline: In inline function we use the stylesheet in HTML5 single occurrence of an element.
<h1 style="color:blue;">This is a Blue Heading</h1>
- External: It is used for define the style for many pages. It is described in External Style Sheet.We can change the whole web page by one file.For the External Style Sheet we use the link in <head> section of HTML page.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>hello</h1>
</body>
</html>
- Internal: It is define in <head> section with the <style> element. When use of single document in unique style.
For example:
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color:lightgrey;}
h1 {color:blue;}
p {color:green;}
</style>
</head>
<body>
<h1>heading</h1>
</body>
</html>