From 8d67aa109bc37778da96207793d2efebd5755184 Mon Sep 17 00:00:00 2001
From: crowfeathers00 <56939086+crowfeathers00@users.noreply.github.com>
Date: Wed, 23 Oct 2019 17:30:08 -0400
Subject: [PATCH] RTF and Stylesheet
---
Wk5and6LabAnswerSheetWeb.rtf | 14 ++++++++++++--
stylesheet.css | 11 ++++++-----
2 files changed, 18 insertions(+), 7 deletions(-)
diff --git a/Wk5and6LabAnswerSheetWeb.rtf b/Wk5and6LabAnswerSheetWeb.rtf
index fdf0fa2..501a6f6 100644
--- a/Wk5and6LabAnswerSheetWeb.rtf
+++ b/Wk5and6LabAnswerSheetWeb.rtf
@@ -14,7 +14,7 @@
{\list\listtemplateid7\listhybrid{\listlevel\levelnfc0\levelnfcn0\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{decimal\}.}{\leveltext\leveltemplateid601\'02\'00.;}{\levelnumbers\'01;}\fi-360\li720\lin720 }{\listlevel\levelnfc4\levelnfcn4\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{lower-alpha\}.}{\leveltext\leveltemplateid602\'02\'01.;}{\levelnumbers\'01;}\fi-360\li1440\lin1440 }{\listname ;}\listid7}}
{\*\listoverridetable{\listoverride\listid1\listoverridecount0\ls1}{\listoverride\listid2\listoverridecount0\ls2}{\listoverride\listid3\listoverridecount0\ls3}{\listoverride\listid4\listoverridecount0\ls4}{\listoverride\listid5\listoverridecount0\ls5}{\listoverride\listid6\listoverridecount0\ls6}{\listoverride\listid7\listoverridecount0\ls7}}
{\info
-{\author Pirmann,Tammy}}\margl720\margr720\margb720\margt720\vieww17020\viewh21000\viewkind1
+{\author Pirmann,Tammy}}\margl720\margr720\margb720\margt720\vieww17320\viewh21000\viewkind1
\deftab720
\pard\pardeftab720\ri0\partightenfactor0
@@ -171,18 +171,26 @@ CSS Edits\
\pard\pardeftab720\li1440\fi-360\ri0\partightenfactor0
\ls4\ilvl1
\fs24 \cf0 \kerning1\expnd0\expndtw0 a. \kerning1\expnd3\expndtw15
-In stylesheet.css, change the background-color of #header-row. Reload the html page in your browser, what happened? Paste the changed CSS rule here.\uc0\u8232 \
+In stylesheet.css, change the background-color of #header-row. Reload the html page in your browser, what happened? Paste the changed CSS rule here.\
+\
+ #header-row \{\
+ background-color: red;\
+ \}\uc0\u8232 \
\ls4\ilvl1\kerning1\expnd0\expndtw0 b. \kerning1\expnd3\expndtw15
Now change the background-color of .rows? How were the two results different? Based on what you\'92ve learned about id and class, what do you think the # and . mean?
\f1 \kerning1\expnd3\expndtw15
\
\pard\pardeftab720\li720\ri0\partightenfactor0
\cf0 \kerning1\expnd3\expndtw15
+\
+ # represents the ID and . Represents the classes\
\
\pard\pardeftab720\li1440\fi-360\ri0\partightenfactor0
\ls5\ilvl1
\f0 \cf0 \kerning1\expnd0\expndtw0 c. \kerning1\expnd3\expndtw15
Find question 5c in stylesheet.css. Notice how the button has a margin of 5px and a padding of 5px. What happens if you change the margin? The padding?\
+\
+ Margin gives space to the text or files within its border while padding is additional space to the already existing space to a border\
\pard\pardeftab720\li720\ri0\partightenfactor0
\f1 \cf0 \kerning1\expnd3\expndtw15
@@ -193,6 +201,8 @@ Find question 5c in stylesheet.css. Notice how the button has a margin of 5px an
Find question 5d in stylesheet.css. add a background-image to the body element then paste the rule here
\f1 \kerning1\expnd3\expndtw15
.\
+\
+background-image: url("logos/cci-1.jpg")\
\pard\pardeftab720\li720\ri0\partightenfactor0
\cf0 \kerning1\expnd3\expndtw15
\
diff --git a/stylesheet.css b/stylesheet.css
index 2525ed6..d5a1a44 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -7,6 +7,7 @@ html{
body {
text-align: center;
/*Question 5d*/
+ background-image: url("logos/cci-1.jpg")
}
table {
@@ -20,16 +21,16 @@ td {
/*Question 5a*/
#header-row {
- background-color: white;
+ background-color: red;
}
/*Question 5b*/
.rows {
- background-color: white;
-}
+ background-color: blue;
+
/*Question 5c*/
button {
- margin: 5px;
+ margin: 5px;
padding: 5px;
-}
\ No newline at end of file
+}
--
GitLab