Chapter 4 : Introduction to CSS

Question 1

What is the full name of css?

Answer 1

1. Cascading Style Sheets

Question 2

Why do we need to use CSS?

Answer 2

1. To seperate structure ( HTML ) from presentation

Question 3

What does a style sheet contain?

Answer 3

1. A style sheet contains instructions that define how to display HTML elements in a web page

Question 4

What is the file format for an external style sheet?

Answer 4

1. .css

Question 5

List out 3 types of CSS

Answer 5

1. Inline
2. Embedded
3. External

Question 6

What element that inline styles declares? ( 2 )

Answer 6

1. Indicidual element’s format
2. A one-time style instruction placed in an individual HTML tag

< p style=”font-size: 20pt; color: #ffffff”>< / p >

Question 7

What is the disadvantages of using inline styles? ( 2 )

Answer 7

1. Not taking the full advantage of the true power of CSS
2. Not separating content from presentation

Question 8

Where is embedded style sheets declared?

Answer 8

1. In HTML’s < head > section

Question 9

List out some CSS property ( 4 )

Answer 9

1. Multipurpose Internet Mail Extensions ( MIME ) Type
   
   • Describes a file’s content
2. background-color
3. font-family
4. font-size

Question 10

Which HTML file that embedded style sheets effects?

Answer 10

1. The style of the page on which it is written

<style>

     h1 { font-size : 30px }

</style>

Question 11

What can external style sheets do?

Answer 11

1. Provide uniform look and feel to entire site

• One external style sheet can control the appearance of many web pages

Question 12

What is the advantages of using an external style sheets?

Answer 12

1. Maintain a consistent look across all pages that link to the style sheet
2. Easily update the look of all pages by changing the values in one file
3. Make your pages much smaller and quicker to download, because all of the style information has been removed to one file

Question 13

How to refer the HTML file to use the external style sheets?

Answer 13

<link></link>

Question 14

What will happen when multiple style instructions exist?

Answer 14

1. It will “cascade” into a single set of instructions, with some instructions taking priority over others

Question 15

List out the priority for CSS styles ( 4 )

Answer 15

1. Inline Styles
2. Embedded Style Sheet
3. External Style Sheet
4. Browser Default

Question 16

What will happen when 2 styles applied to the same text?

Answer 16

1. The browser displays all attributes of both styles unless specific attributes conflict

Question 17

What will HTML formatting do to CSS formatting?

Answer 17

1. It wil override any CSS formatting

Question 18

What will implement CSS differently? What is the best practices to address this issue?

Answer 18

1. Different Browsers
2. Test your web pages in a variety of browsers to make sure your pages display correctly

Question 19

What will happen if attributes from 2 styles applied to the same text conflict?

Answer 19

1. The browser displays the attribute of the innermost style ( The style closest to the text itself )

Question 20

What is a HTML selectors?

Answer 20

1. Are the text part of a HTML tag and are used to define the behavior of the specific HTML tag

• h1 is the selector for <h1> tag
• Although HTML tag and the selector appear to be identical, they are not the same
• The HTML selector is used to control the behavior of its specific HTML tag
• h1 { font-family: arial, sans-serif }

Question 21

List out 2 selectors for CSS Styling

Answer 21

1. HTML selectors
2. Class selectors

Question 22

What does class selectors do?

Answer 22

1. Are selectors that you create from scratch
2. They can be applied to any HTML tag

.userDefineName { font-size: 14pt, color: blue }