From cd62df5cad5fe676b356ef3a0f7d91bed91bd0a2 Mon Sep 17 00:00:00 2001 From: Srishti Date: Wed, 30 Sep 2020 23:21:28 +0530 Subject: [PATCH] Updated styles.css with some styles to header portion --- index.html | 8 ++++++-- styles.css | 35 ++++++++++++++++++++++++++++++++++- 2 files changed, 40 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index a79be88..8475353 100644 --- a/index.html +++ b/index.html @@ -16,10 +16,14 @@ + + + +
-

CSS Selectors

+

CSS Selectors

Playground

Follow the instructions on this page to practice using CSS selectors to @@ -29,7 +33,7 @@

Playground

-

Base CSS Selectors

+

Base CSS Selectors

First we'll start off by using the base selectors to add styles to elements on the page. These base selectors have different levels of diff --git a/styles.css b/styles.css index 9c416ab..d729b57 100644 --- a/styles.css +++ b/styles.css @@ -1,2 +1,35 @@ /* Move your styles here when you're ready to clean up your HTML file */ -/* Don't forget to link to this file in your HTML, otherwise your styles won't show up! */ \ No newline at end of file +/* Don't forget to link to this file in your HTML, otherwise your styles won't show up! */ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +header{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: gray; +} + +#top{ + font-family: Georgia, 'Times New Roman', Times, serif; + font-weight: 900; + color: darkslateblue; +} + +header h2{ + font-weight: 100; + color: deepskyblue; +} + +header p{ + font-style: italic; +} + +#middle{ + font-weight: 300; + color: deepskyblue; +} \ No newline at end of file