From bd7cbacc39593cfea93950f4ed91dceb89b45bb3 Mon Sep 17 00:00:00 2001 From: Olaoluwa Philip IGBARO Date: Thu, 27 Jul 2023 11:25:17 +0100 Subject: [PATCH] Using CSS Added --- USING CSS.md | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 18 +++++++++--------- 2 files changed, 61 insertions(+), 9 deletions(-) create mode 100644 USING CSS.md diff --git a/USING CSS.md b/USING CSS.md new file mode 100644 index 0000000..594e066 --- /dev/null +++ b/USING CSS.md @@ -0,0 +1,52 @@ +# Using CSS + +## Type Selector +div { + background-color: #000000; +} + +## Class Selector +.active{ + color: #fffff; +} + +### Class Selector (compound Selector) +.box.orange{ + +} +In HTML
+ +## ID Selector +#list-1 { + border: 1px solid grey; +} + +## Universal Selector +* { + padding: 10px; +} + +## Attribute Selector +a[title] { + font-title: 2em; +} + +## One rule, many selectors +h1,h2 { + +} + +h1#heading +h2.subheading + + +# Combinators with CSS +## Descendant Selectors +p abbr { + +} +## Direct selectors +.menu > .is-active { + +} +## diff --git a/index.html b/index.html index 3cce2e8..7922682 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,11 @@ - Debugging HTML Practice + <title>Debugging HTML Practice
-
Profile Name
+

Profile Name

Address
@@ -17,12 +17,12 @@
Profile Name

Categories

-
  • -
      Lorem ipsum
    -
      dolor sit
    -
      amet
    -
      dolor sit
    -
    • +
      +
    • Lorem ipsum
      • +
    • dolor sit
      • +
    • amet
      • +
    • dolor sit
      • +
    @@ -52,7 +52,7 @@

    Categories