click below
click below
Normal Size Small Size show me how
Webpage Chapter 4
Question | Answer |
---|---|
What does CSS stand for? | Cascading Style Sheet |
What is a style? | A rule that defines the appearance of an element on a webpage. |
What is the purpose of a style sheet? | It separates the style from the content. This allows flexibility for redesigning or rebranding a website. |
What is an inline style? | Inline styles are added right into the content. They take precedence over other styles in the stylesheet. |
What is a sample inline style? | <h1 style="font-color:navy">Special Note</h1> The font-color:navy is the inline style in the example above |
What is an embedded stylesheet? | Sometimes called internal. Includes the style sheet within the opening <head> tag of the HTML document. |
When is an embedded stylesheet used? | When you want to create a style for a single web page different from the rest of the website. |
Which takes precedence, an embedded style sheet or an external style sheet? | embedded |
What is another name for an external style sheet? | A linked stylesheet |
What is the extension of a CSS file? | .css |
How do you apply an external style sheet to a webpage? | You have to link it with a tag in the <head> section of the webpage. |
What does reskinning mean? | Changing the look of an entire website. |
When you want to control the style of content in one pair, which styling should you use? | Inline styles-right where the content is |
When you want to control the style of content on a whole page, which styling should you use? | Embedded style |
When you want to control the style of content on a whole website, which styling should you use? | External style sheet |
CSS SAmple | Body { background-color: green; } |
What is the SELECTOR in the CSS styling? | In the CSS sample given, BODY is the selector Body { background-color:green; } |
What is the property in the CSS styling? | In the CSS sample given, BACKGROUND-COLOR with a colon is the property Body{ background-color: green; } |
What is the value in the CSS styling? | In the CSS sample given, GREEN is the value followed by a semi colon Body{ background-color: green; } |
What does a font size ending in "em" mean? | Example: 1.5em The size of an em is relative to the current font size of the element. For example: if you have 1.5 em then the font would be 1.5 times the size of the current font |
font-family: Cambria, "Times New Roman", serif; | In this example, Cambria is the first font that would be used. If the browser does not display this font then Times New Roman would be used. |
Why is "Times New Roman" font name placed in quotes and Cambria is not? | If a font name has more than one word for its name, you must include it in quotes |
RGB colors | Different amounts of red, green, and blue to create different colors. |
Hexadecimal colors | a six digit number beginning with a # to represent a particular color |
margins | passive white space between block elements or at top or bottom of webpage. See pg. 150 |
border | separates the padding and margin of a block element. Can vary in thickness, color, and style. See pg. 150 |
padding | Passive white space between content and border and border of a block element. See pg. 150 |