Skip to content
Snippets Groups Projects
Commit 8d67aa10 authored by crowfeathers00's avatar crowfeathers00
Browse files

RTF and Stylesheet

parent 6104b173
Branches
No related tags found
No related merge requests found
...@@ -14,7 +14,7 @@ ...@@ -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}} {\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}} {\*\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 {\info
{\author Pirmann,Tammy}}\margl720\margr720\margb720\margt720\vieww17020\viewh21000\viewkind1 {\author Pirmann,Tammy}}\margl720\margr720\margb720\margt720\vieww17320\viewh21000\viewkind1
\deftab720 \deftab720
\pard\pardeftab720\ri0\partightenfactor0 \pard\pardeftab720\ri0\partightenfactor0
...@@ -171,18 +171,26 @@ CSS Edits\ ...@@ -171,18 +171,26 @@ CSS Edits\
\pard\pardeftab720\li1440\fi-360\ri0\partightenfactor0 \pard\pardeftab720\li1440\fi-360\ri0\partightenfactor0
\ls4\ilvl1 \ls4\ilvl1
\fs24 \cf0 \kerning1\expnd0\expndtw0 a. \kerning1\expnd3\expndtw15 \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 \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? 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 \f1 \kerning1\expnd3\expndtw15
\ \
\pard\pardeftab720\li720\ri0\partightenfactor0 \pard\pardeftab720\li720\ri0\partightenfactor0
\cf0 \kerning1\expnd3\expndtw15 \cf0 \kerning1\expnd3\expndtw15
\
# represents the ID and . Represents the classes\
\ \
\pard\pardeftab720\li1440\fi-360\ri0\partightenfactor0 \pard\pardeftab720\li1440\fi-360\ri0\partightenfactor0
\ls5\ilvl1 \ls5\ilvl1
\f0 \cf0 \kerning1\expnd0\expndtw0 c. \kerning1\expnd3\expndtw15 \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?\ 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 \pard\pardeftab720\li720\ri0\partightenfactor0
\f1 \cf0 \kerning1\expnd3\expndtw15 \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 ...@@ -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 Find question 5d in stylesheet.css. add a background-image to the body element then paste the rule here
\f1 \kerning1\expnd3\expndtw15 \f1 \kerning1\expnd3\expndtw15
.\ .\
\
background-image: url("logos/cci-1.jpg")\
\pard\pardeftab720\li720\ri0\partightenfactor0 \pard\pardeftab720\li720\ri0\partightenfactor0
\cf0 \kerning1\expnd3\expndtw15 \cf0 \kerning1\expnd3\expndtw15
\ \
......
...@@ -7,6 +7,7 @@ html{ ...@@ -7,6 +7,7 @@ html{
body { body {
text-align: center; text-align: center;
/*Question 5d*/ /*Question 5d*/
background-image: url("logos/cci-1.jpg")
} }
table { table {
...@@ -20,13 +21,13 @@ td { ...@@ -20,13 +21,13 @@ td {
/*Question 5a*/ /*Question 5a*/
#header-row { #header-row {
background-color: white; background-color: red;
} }
/*Question 5b*/ /*Question 5b*/
.rows { .rows {
background-color: white; background-color: blue;
}
/*Question 5c*/ /*Question 5c*/
button { button {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment