Learning CSS with basic structures.
Mar 8, 2021
CSS basics
<!DOCTYPE html>
<html lang="en">
<head>
<style>
h1{
color: blue;
</style>
</head>
- h1 : selector
- {}: delcarting block
- color: declartation
- color: property
- blue: value
- h1(selector) + {color : blue;} (declaring inside the block) : basics rule for CSS.
- bind rule: (stylesheet)
CSS different types
- Inline Style
<body>
<section id="app">
<ul style-"list-style-type: circle;">
<li>Apple</li>
<li>Organge</li>
</ul>
</section>
</body>
- Embedding Style; Applying style inside <style> tag.
<head>
<style>
h1{
color: black;
</style>
</head>
- Link Style; Styling from the CSS file.
<head>
<link rel="stylesheet" href="Style.css">
</head>