David Shin

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>

--

--