From 6b53e1a009384f1bb9a4709ad95664518852ed56 Mon Sep 17 00:00:00 2001 From: Unknown Date: Sat, 30 Sep 2017 11:53:12 +0100 Subject: [PATCH] CSS Basics --- WebDevelopment/01-CssBasics/index.htm | 50 ++++++++++++++++ WebDevelopment/01-CssBasics/style.css | 84 +++++++++++++++++++++++++++ 2 files changed, 134 insertions(+) create mode 100644 WebDevelopment/01-CssBasics/index.htm create mode 100644 WebDevelopment/01-CssBasics/style.css diff --git a/WebDevelopment/01-CssBasics/index.htm b/WebDevelopment/01-CssBasics/index.htm new file mode 100644 index 0000000..d0c4200 --- /dev/null +++ b/WebDevelopment/01-CssBasics/index.htm @@ -0,0 +1,50 @@ + + + + + My website + + + + + + + +
+ +
+

My heading 1

+

My heading 2

+

My heading 3

+ +

Paragraph inside div

+

Paragraph inside div

+

Paragraph inside div

+

Forth paragraph inside div

+ + my span + +
+ +
+ my embedded span +
+
+
+ +

This is right after the nav bar

+

This is right after the nav bar

+

This is right after the nav bar

+ + my span + +
+ +

My text is in here :)

+ +

This is a strong sentence with some emphasis included

+ +

This is a link to Google go on, click it

+ + + \ No newline at end of file diff --git a/WebDevelopment/01-CssBasics/style.css b/WebDevelopment/01-CssBasics/style.css new file mode 100644 index 0000000..542b3f7 --- /dev/null +++ b/WebDevelopment/01-CssBasics/style.css @@ -0,0 +1,84 @@ +html +{ + background: #111; + color: #fff; +} + +h1 +{ + color: blue; + display: inline-block; + border: 1px solid green; +} + +h1, h2, h3 +{ + color: red; +} + +h1 +{ + font-size: 14px; +} + +strong +{ + font-weight: normal; + font-style: italic; +} + +em +{ + font-style: normal; +} + +#SpecialHeading +{ + background: pink; +} + +.NavBar +{ + padding: 50px; + border: 1px solid green; +} + +span +{ + color: brown; +} + +.NavBar span +{ + color: green; +} + +.NavBar > span +{ + color: blue; +} + +.NavBar ~ p +{ + background: white; +} + +.NavBar + p +{ + background: blue; +} + +.m0 +{ + margin: 0; +} + +a +{ + color: green; +} + +a:hover +{ + color: white; +} \ No newline at end of file