FREE! Click here to Join FunTrivia. Thousands of games, quizzes, and lots more!
Quiz about Formatting with CSS
Quiz about Formatting with CSS

Formatting with CSS Trivia Quiz


CSS is a unique language that works with HTML and other markup languages to format them. This quiz involves general rules about CSS as well as questions about some individual styles. Some basic knowledge of HTML may be required.

A multiple-choice quiz by Kwedeth. Estimated time: 4 mins.
  1. Home
  2. »
  3. Quizzes
  4. »
  5. Science Trivia
  6. »
  7. Computers
  8. »
  9. Software and Programming

Author
Kwedeth
Time
4 mins
Type
Multiple Choice
Quiz #
263,500
Updated
Dec 03 21
# Qns
10
Difficulty
Average
Avg Score
6 / 10
Plays
1257
Last 3 plays: superhooppete (4/10), Kabdanis (9/10), ozzz2002 (3/10).
- -
Question 1 of 10
1. First off, what does CSS actually stand for? "_______ Style Sheets"

Answer: (One word: 9 letters)
Question 2 of 10
2. CSS styles can be introduced into your web page in any of three places. Which of the following is not one of them? Hint


Question 3 of 10
3. Comments are done in CSS with what opening and closing symbols? Hint


Question 4 of 10
4. What keyword is given to a rule to prevent other conflicting rules from overriding it? Hint


Question 5 of 10
5. Which of these is proper CSS syntax? Hint


Question 6 of 10
6. How would you go about adding a thin, black border to an element? Hint


Question 7 of 10
7. When elements are positioned absolutely, they can be layered on top of one another. What property determines the stacking order for layered elements? Hint


Question 8 of 10
8. In newer forms of HTML (XHTML 1.1 for example), the "center" tag is deprecated. What is the CSS equivalent? Hint


Question 9 of 10
9. Borders work differently for tables in HTML than in CSS. What is the main difference? Hint


Question 10 of 10
10. Which of these CSS properties does not have an HTML equivalent? Hint



(Optional) Create a Free FunTrivia ID to save the points you are about to earn:

arrow Select a User ID:
arrow Choose a Password:
arrow Your Email:




Most Recent Scores
Jul 17 2024 : superhooppete: 4/10
Jul 08 2024 : Kabdanis: 9/10
Jul 08 2024 : ozzz2002: 3/10
Jul 08 2024 : TurkishLizzy: 6/10
Jul 08 2024 : gogetem: 5/10
Jul 08 2024 : Upstart3: 4/10
Jul 08 2024 : DeepHistory: 10/10
Jul 08 2024 : horadada: 3/10
Jul 08 2024 : matthewpokemon: 5/10

Score Distribution

quiz
Quiz Answer Key and Fun Facts
1. First off, what does CSS actually stand for? "_______ Style Sheets"

Answer: Cascading

The term "cascading" refers to an interesting quality of CSS: inheritance. It's a way of style rules overriding other rules, and can be very useful to anyone using the language. More general rules will "cascade" into anything they are designed to affect unless a more specific or important rule overrides it.
2. CSS styles can be introduced into your web page in any of three places. Which of the following is not one of them?

Answer: In an HTML comment before the target HTML element

To properly link a CSS file, you need a "link" tag in the head of the document with the attribute "href" and preferably a "type" attribute as well. A "style" attribute is the only way to add a style rule in the body of the document, and will only affect its one tag.

In the head of the document you need to place all your CSS rules (formatted exactly as you would a CSS file) in a "style" tag.
3. Comments are done in CSS with what opening and closing symbols?

Answer: /* to open and */ to close

This commenting syntax is shared with many popular programming languages, including Java and C#. Of course, it only works with rules declared in the document head or an external style sheet, not in-line.
4. What keyword is given to a rule to prevent other conflicting rules from overriding it?

Answer: !important

Using this keyword can be useful for preventing the natural flow of cascading inheritance. Normally in-line styles override conflicting styles in the head of the document, which override conflicting styles in an external style sheet. The "!important" keyword can be added to, for instance, an external style rule, which will keep its importance over a conflicting in-line style that it affects.
5. Which of these is proper CSS syntax?

Answer: font-color:#000088;

CSS separates multiple words in rules always with a hyphen as shown in the answer. Colours, when represented as hexadecimal codes, should have a hash sign (#) before them. Some browsers will accept a colour without it, but not always. Semicolons at the end of a line are needed to separate multiple style rules, but it's good practice to put them at the end of all rules anyway.
6. How would you go about adding a thin, black border to an element?

Answer: border:solid 1px #000000;

This particular example, using the "border" property, is a short-hand which combines the properties of "border-style", "border-width", and "border-color", to save time.

My apologies to everyone who tried this quiz before I changed this question: the previous version included curled braces, which for some reason didn't show up in the HTML version of the quiz. Even if you selected the right answer, it would have somehow said you were wrong. The problem should be fixed now. Sorry.
7. When elements are positioned absolutely, they can be layered on top of one another. What property determines the stacking order for layered elements?

Answer: z-index

Using strict HTML and no positioning, layers can never overlap. But with the addition of CSS absolute positioning, elements can be positioned independently of one another, anywhere you want on the page. This makes overlapping possible, so the "z-index" property allows an order to be determined. Overlapping can be very useful especially when used with transparent images for example, but elements like Flash or embedded video will cut out when placed over or under another layer.
8. In newer forms of HTML (XHTML 1.1 for example), the "center" tag is deprecated. What is the CSS equivalent?

Answer: text-align:center;

In the Internet Explorer browser, when "text-align" is set to a block element, it will not only align text within that element, but other elements within it as well. This makes it very easy to use CSS to align an entire page to the center. In Firefox and other browsers, however, "text-align" only applies to text. To make sure your page centers in most browsers, the best way is to set the "text-align" property of the body (for Internet Explorer), and to encase the entire page in a wrapper with its margins set to "auto" (for Firefox and others).
9. Borders work differently for tables in HTML than in CSS. What is the main difference?

Answer: HTML borders apply to all cells, CSS only to the outside

Though setting a table border with HTML is considered deprecated now, it is still possible. Setting a border with HTML, in the table tag, will apply a border around the outside of the whole table, as well as separating all cells. In CSS, however, since the same border rules can apply to all block elements, they don't automatically apply to the cells within a table, just the outside edges.

In fact, it takes a lot more work to make CSS borders in a table to behave like HTML ones.
10. Which of these CSS properties does not have an HTML equivalent?

Answer: overflow:scroll;

In HTML the equivalent of "font-family:Arial;" is the "face" attribute within a "font" tag. The equivalent of "font-weight:bold;" is a "b" or "strong" tag. A "u" tag is the equivalent of "text-decoration:underline;". On the other hand, "overflow" is a CSS property with no equivalent in HTML.

It determines what will happen to content within an element of definite size. Setting it to "scroll" means that scroll bars will appear both vertically and horizontally whether they are actually necessary or not.
Source: Author Kwedeth

This quiz was reviewed by FunTrivia editor crisw before going online.
Any errors found in FunTrivia content are routinely corrected through our feedback system.
Related Quizzes
1. Java Average
2. Computer Viruses Difficult
3. Compact Discs (CDs) Tough
4. Beginning C Programming Average
5. Microsoft Word 2000 for Windows Average
6. Oh Say Can You C++, Version 1.0 Average
7. SQL Commands and Database Concepts Average
8. Java Programming Average
9. Data Structures Tough
10. Number Bases Average
11. Software Engineering Tough
12. Sorting Tough

7/19/2024, Copyright 2024 FunTrivia, Inc. - Report an Error / Contact Us