WGU D276 ACTUAL EXAM SCRIPT WITH
SOLVED QUESTIONS AND VERIFIED
SOLUTIONS
◉ Inline Elements
Answer: Do not start a new line and take necessary width, e.g.,
<span>, <img>, <a>.
◉ Block Elements
Answer: Start a new line and take full width, e.g., <div>, <h1-h6>,
<p>, <form>.
◉ <strong>, <em>
Answer: Strong for bold text, Em for italicized text.
◉ <a>
Answer: Defines a hyperlink with the href attribute specifying the
URL.
◉ Selector, Property, Value, Rule
Answer: Selector: h1, Property: color, Value: blue, Rule: h1 {
color:blue; }
◉ Embedding a Style Sheet
, Answer: Done using <link rel='stylesheet' type='text/css'
href='styles.css'> in the <head> of the document.
◉ Inline Style
Answer: Applied within an HTML element in the <body>, e.g., <p
style='background-color:red;'>text here</p>.
◉ External Stylesheet
Answer: Referenced using <script src='(URL)'> or <script
src='myScript.js'></script> for file path.
◉ ID Selectors
Answer: Assign elements to the 'ID' and are used once, syntax:
#note {color;red}.
◉ Class Selectors
Answer: Assign elements to the 'class' and can be used multiple
times, syntax: .note {background:orange}.
◉ Images Positioning
Answer: Done vertically using vertical-align property.
◉ Box Model
Answer: Refers to adding borders around elements and defining
space between elements, including margin, padding, and border.
SOLVED QUESTIONS AND VERIFIED
SOLUTIONS
◉ Inline Elements
Answer: Do not start a new line and take necessary width, e.g.,
<span>, <img>, <a>.
◉ Block Elements
Answer: Start a new line and take full width, e.g., <div>, <h1-h6>,
<p>, <form>.
◉ <strong>, <em>
Answer: Strong for bold text, Em for italicized text.
◉ <a>
Answer: Defines a hyperlink with the href attribute specifying the
URL.
◉ Selector, Property, Value, Rule
Answer: Selector: h1, Property: color, Value: blue, Rule: h1 {
color:blue; }
◉ Embedding a Style Sheet
, Answer: Done using <link rel='stylesheet' type='text/css'
href='styles.css'> in the <head> of the document.
◉ Inline Style
Answer: Applied within an HTML element in the <body>, e.g., <p
style='background-color:red;'>text here</p>.
◉ External Stylesheet
Answer: Referenced using <script src='(URL)'> or <script
src='myScript.js'></script> for file path.
◉ ID Selectors
Answer: Assign elements to the 'ID' and are used once, syntax:
#note {color;red}.
◉ Class Selectors
Answer: Assign elements to the 'class' and can be used multiple
times, syntax: .note {background:orange}.
◉ Images Positioning
Answer: Done vertically using vertical-align property.
◉ Box Model
Answer: Refers to adding borders around elements and defining
space between elements, including margin, padding, and border.
