CSS

Posted by Giri | Labels: css

Question 1: A W3C Recommendation is the same thing as a W3C Standard.
Correct answer: True
Explanation: The name is a bit confusing but yes, a W3C Recommendation is a standard.

Question 2: What's the best choice of text to put in the anchor tags?
Correct answer: <li>Take my <a href="quizDesign.html">Web Design quiz</a></li>
Explanation: This article might help to clarify things

Question 3: What does this CSS mean p span {...}:
Correct answer: Matches any span element that is a descendant of an element p.
Explanation: p > span would have matched span children and p, span would have matched p and span.

Question 4: What HTML element means 'table cell'?
Correct answer: td
Explanation: td is a table cell, and it is nested in tr, a table row.

Question 5: The CSS 2.1 standard allows styling the html element.
Correct answer: True
Explanation: And you usually have to style it if you're using XHTML.

Question 6: Which of the following can always trick Google and is a safe (although not ethical) way to improve your search engine rankings (without causing your site to be removed from Google's index)?
Correct answer: All of the above are too great a risk to be used.
Explanation: They might work for a while, but in the end your entire site could be removed from Google.

Question 7: Will this CSS div > p:first-child match the paragraph in the following code?

<div>

        <h1>Title</h1>

        <p>Paragraph.</p>

</div>

Correct answer: No
Explanation: It won't, because h1 is the first child.

Question 8: What will white-space: nowrap; (CSS 2.1) do?
Correct answer: Collapses whitespace and does not break lines
Explanation: The key here was to understand what 'collapse whitespace' means. For example, when in the HTML source you have ten spaces between two words, yet the browser displays a single space, that's collapsing whitespace.

Question 9: Is visibility: hidden; the same as display: none;?
Correct answer: No
Explanation: An element with visibility: hidden; still affects the layout, it does not disappear completely.

Question 10: The difference between  and  is:
Correct answer:  has a meaning, whereas  is just presentational and has no meaning
Explanation: That's why has been deprecated in XHTML 2.0.

Question 11: Who invented the World Wide Web?
Correct answer: Tim Berners-Lee
Explanation: Tim Berners-Lee in 1989 (this is talking about the World Wide Web, which is built on top of the internet. The internet itself is much older than that).

Question 12: What does a "block-level" element mean?
Correct answer: An element that causes line breaks
Explanation: You had better answered this right, or you'll find all sorts of strange 'bugs' in your stylesheets.

Question 13: What will ' be printed like?
Correct answer: '
Explanation: It's an apostrophe...

Question 14: A page for an insurance company with lots of flash animations and blinking and moving stuff is:
Correct answer: Bad because visitors are looking for information and will be distracted by a lot of moving things
Explanation: When people visit your page, they're not there to marvel at your design skills, but to find the information they're looking for.

Question 15: Is this valid XHTML 1.0 Strict? (don't look for typos, there isn't any)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

        <link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>

        <h1>Page title</h1>

        <p>A paragraph.</p>

</body>

</html>

Correct answer: No
Explanation: It doesn't have a title element.

Question 16: What is the best combination of text color / background color from the following three?
Correct answer: #000 / #FFF
Explanation: Black text on white background is the best choice. A dark background is bad because it reflects objects in the room.

Question 17: What format will you choose for a 500px by 500px picture of yourself for your website?
Correct answer: JPG
Explanation: A JPG should be used for large pictures because it's smaller than a GIF or a PNG. GIF and PNG work best for graphics.

Question 18: Which of the following actually means something?
Correct answer: WAI A, WAI AA, WAI AAA
Explanation: Web Accessibility Initiative. The letters A, AA or AAA are the level of conformance.

Question 19: What will happen if you click this link <a href="?mypage.html">huh?!</a> ?
Correct answer: The page will reload
Explanation: It will open the same page with a GET parameter (it's just a very strange choice of name for one and it doesn't have a value).

Question 20: Which of the following statements about XForms is FALSE?
Correct answer: XForms preserves existing HTML form elements and attributes, but ads more of them
Explanation: While this statement is somewhat true with respect to elements, it is certainly false when it comes to attributes, XForms doesn't preserve existing HTML attributes.

Question 21: Is this CSS valid: span { padding: 0 12px; }?
Correct answer: Yes
Explanation: Yes it is valid. It's the same as span { padding: 0 12px 0 12px; }.

Question 22: Use a table to position the elements of your website (ie. main design components like header, menu, and so on).
Correct answer: Bad idea
Explanation: A table is for tabular data. An entire webpage is not tabular data and it's easier and more maintainable to use pure CSS.

Question 23: Which of the following does NOT require the use of alt text for images?
Correct answer: All of the above require alt text for images
Explanation: And you should always use it, even if you leave it empty for non-important images like graphics.

Question 24: In what order must you specify the values for the "background" property, so that it works properly?
Correct answer: All of the above will work as intended
Explanation: The order the standard specifies is option number 3: background-color | background-image | background-repeat | background-attachment | background-position. It's good to use this order for clarity, but the code will work irrespective of the order of the values. So the correct answer is "all of the above".

Question 25: Which XHTML attribute can you use to define inline styles for elements in your XHTML documents?
Correct answer: None of the above
Explanation: style is the correct answer and it was not among the options.

Just learn...

Archives

Labels

Popular Posts

Followers

Feedjit

CSS

0 comments:

Post a Comment