Create a Class CSS Create a New CSS Rule using a Class CSS. You will need to sel
ID: 3637251 • Letter: C
Question
Create a Class CSSCreate a New CSS Rule using a Class CSS. You will need to select the option to include the Class CSS to the styles.css file.
(navtable -- this class will be applied to navigation table)
Font-family Times Roman
Background-color #0ff
Text color- bold, center
(example1 -- this class will be applied to example 1)
Font-family Tahoma
Background-color #699
Text color- #033, bold
Text size- 10 points
Margin on all sides 25 pixels
Padding on all sides 25 pixels
(example2 -- this class will be applied to example 2)
Background color -- #66c
Border on all sides with the following rules
Width--10px
Style -- solid
Color -- #06c
Text size of 10 pixels
Text color -- #ccc
(header - this class will be applied to the heading "IEBGENER STUDY GUIDE")
Font-family Arial
Background-color #6ff
Text color- 030
Text size -- 36 points
Margin on all sides 50 pixels
Padding on all sides 50 pixels
Step 2: Apply the Class CSS
Apply Class CSS as done in the Class CSS steps above
Explanation / Answer
.nav { height:30px; position:relative; font-family: Georgia, "Times New Roman", Times, serif; font-size:9px; width:100%; z-index:100; margin:0; padding:0; } .nav .table { display:table; margin:0 auto; } .nav .selectsmall, .nav .selectmedium, .nav .selectmediumsub, .nav .selectlarge, .nav .currentmediumsub, .nav .current { margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap; } .nav li { margin:0; padding:0; height:30px; } .nav .selectsmall a { background:url(images/menu-47.png) top left no-repeat; display:block; height:30px; float:left; width:47px; color:#C6BB9E; text-decoration:none; text-align:center; padding-top:10px; } .nav .selectmedium a, .nav .selectmediumsub a, .nav .currentmediumsub a { background:url(images/menu-106.png) top left no-repeat; display:block; height:30px; float:left; width:106px; color:#C6BB9E; text-decoration:none; text-align:center; padding-top:10px; } .nav .currentmediumsub a { background:url(images/menu-106-sel.png) top left no-repeat; } .nav .selectlarge a { background:url(images/menu-133.png) top left no-repeat; display:block; height:30px; float:left; width:133px; color:#C6BB9E; text-decoration:none; text-align:center; padding-top:10px; } .select_sub .sub a { color:#C6BB9E; text-decoration:none; text-align:left; }