CSS Introduction
CSS Structure
CSS Colors
CSS Background
CSS Width-Height
CSS Float
CSS Display
CSS Borders
CSS Fonts
CSS Text
CSS Align
CSS List
CSS Margin
CSS Padding
CSS Position
CSS Tables
CSS Images
CSS Link
CSS Icons
CSS MAX MIN WIDTH-HEIGHT
CSS Structure is important part of CSS. If you learn CSS structure then you can use it anytime anywhere in your HTML file.
You know CSS are three types like: 1) Inline Style, 2) embedded styles and 3) External styles.
Today we learn this three type CSS structure.
Inline Style structure
<p style="font-size:24px; color:red">Sample Text</p> <!-- here use inline css -->
Embeded Style structure
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS Tutorials</title>
<style> <!-- here start define embeded css code -->
body{
background:#dddddd;
}
h1{
color:green;
}
p{
color:red;
}
</style> <!-- here end define embeded css code -->
</head>
<body>
<h1>HTML Heading</h1>
<p>HTML Paragraph</p>
</body>
</html>
external Style structure
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS Tutorials</title>
<link rel="stylesheet" type="text/css" href="styles.css"> <!-- here link embeded css code -->
</head>
<body>
<h1>HTML Heading</h1>
<p>HTML Paragraph</p>
</body>
</html>