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
If you learn at all of our CSS tutorials, However, a better way, you will know about CSS.
Kinds of CSS styles: There are three types of CSS style 1) Inline Style, 2) embedded styles, 3) External styles
The CSS full meaning is Cascading Style Sheet.
Inline Style structure
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS Tutorials</title>
</head>
<body style="background:#dddddd"> <!-- here use inline css -->
<h1 style="color:green">HTML Heading</h1> <!-- here use inline css -->
<p style="color:red">HTML Paragraph</p> <!-- here use inline css -->
</body>
</html>
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>