Select Chapter ❯
CSS Tutorial
- CSS Introduction
- CSS Syntax
- CSS Insert CSS
- CSS Backgrounds
- CSS Text
- CSS Dimensions
- CSS Border
- CSS Margin
- CSS Padding
- CSS Display
- CSS Positioning
- CSS Float
- CSS Pseudo-Class
- CSS Opacity
- CSS Media Types
CSS3 Tutorial
CSS Insert CSS
There are three ways to insert CSS into a document.
- External Style Sheet
- Internal Style Sheet
- Inline Style Sheet
External Style Sheet is the best way to insert style in a webpage.The main advantage of this is you can add external style sheet to as many web pages as you want and change the look of all the webpage by changing just one css file.
You can insert the css file in webpage as shown below.
<link rel="stylesheet" type="text/css" href="demo.css">
Make a CSS file and define the style rules and save it as filename.css(eg. demo.css).
p
{
color:red;
}
Internal Style Sheet is used in only single document.You define internal styles in the head section of an HTML page, inside the <style> tag
<head>
<style>
p
{
color:blue;
border:1px solid red;
}
</style>
</head>
Inline Style Sheet is define in the starting of any element just by adding style attribute.
<p style="color:blue;border:1px solid red;">This is the example of inline styling.</p>