Elance CSS Test Answers 2015 ( Part -2 )
Which of the following will remove the default
underline under the link with an id of "content"?
#content a {underline:none;}
a {underline:none;}
a#content {text-decoration:none;}
a {content text-decoration:underline;}
What HTML tag can you use to import a style
sheet into a document?
Use the HTML <link /> tag, like this:
<link rel='stylesheet' type='text/css' href='styles.css' /> .
Use the HTML <link /> tag, like this:
<link rel='style' type='text/css' href='styles.css' /> .
You can use '@import' sentence.
What css selector selects every element that
is not a <p> element?
:no-p
:all-but-p
:not(p)
:notp
Which style will cause all links to
"http://www.smarterer.com" to be blue?
a[href="smarterer.com"] { color: #ff0000;
}
a[href="http://www.smarterer.com"] {
color: blue; }
a[link="http://www.smarterer.com"] {
color: #0000ff; }
a[link="http://www.smarterer.com"] {
color: blue; }
Where is the margin property located in the
CSS box model?
Outside the box
It could be inside or outside the box, depending on
where you place it in your code
Inside the box
What does minifying CSS do?
compiles it completely
compresses the code by removing whitespace, which
is not needed
combines it with HTML code to integrate it and make
it faster
gzips the file
Which style does the following rule apply to?
div.wrapper h2 { font-size: 18px; margin-top: 0px; }
h2 heading inside element div of id wrapper
h2 heading inside element div of any class
None of these
h2 heading inside element div of class wrapper
What css selector selects all <div>
elements and all <p> elements?
div;;p
div:;p
div:p
div,p
When adjusting a CSS sprite, which property do
you use?
font-style
background-position
text-indent
color
What property is used to specify the
indentation of the first line of a text?
text-transform
text-format-indentation
text-indent
text-decorate
An ____ style loses many of the advantages of
style sheets by mixing content with presentation.
Inline
External
Internal
The following syntax to set margin around a paragraph
will make- p{margin:10px 2%}
Top margin will be 10px and other margins will be
2% of the total width
Left and right margin will be 10px and top and
bottom margin will be 2% of the total height
Left margin will be 10px and other margins will be
2% of the total width
Top and bottom margin will be 10px and left and
right margin will be 2% of the total width.
What's the name of the technique when multiple
images used throughout a website are combined into a background image to be
selected with the background-position property?
CSS Image Group
CSS Image Mix
CSS Image Sprites
CSS Image Code
How do you target the submit button for the
<form id="example">?
#example input.submit
#example input[type="submit"]
.example input[type="submit"]
.example input[type:submit]
#example input[type:submit]
Which of the following applies a different
background color for odd numbered rows in a given table?
th:nth-child(odd)
tr:nth-child(odd)
col:nth-child(odd)
td:nth-child(odd)
On which position value does the z-index
property work?
position: relative;
position: fixed;
all of the answers
position: absolute;
By default, the background-image property
repeats an image...
both horizontally and vertically
vertically
horizontally
no-repeat
Which of the following is used to select one
paticular tag, rather than a group of tags?
Contextual selector
Id selector
Class Selector
Pseudo-class selector
What is true about image sprites?
Both of these
Using image sprites will reduce the number of server
requests.
It is a collection of images put into a single
image.
Which declaration can be used to have a block
element always displays scrollbars?
{overflow:always}
{overflow:auto}
{scroll:on}
{overflow:on}
{overflow:scroll}
What is an image sprite?
It is a collection of images put into a single
image.
It specifies a link to an image.
It is a style of an image in different page of the
website.
It is a way to open one image at a time within the
html.
It specifies the image style.
Given .class { padding: 20px 10px; }, in what
order do padding values apply?
top, bottom
left, right
top & left, right & bottom
top & bottom, left & right
Which of the following selects all unvisited
links?
"link"
link
+link
:link
How do you hide an element, but have it still
take up space and affect the layout?
display: none;
visibile: zero;
show: hidden;
visibility: none;
visibility: hidden;
Which two properties are the defaults when
positioning a layer?
top, left
bottom, left
bottom, right
top, right
Which declaration removes bullets from a
navigation list?
list-bullets:none
list-style-type:no bullets
list-style-type:none
list-style-none
Which pseudo class is used in conjunction with
an ID when the pound symbol in the current URL matches that ID. For example, if
you are at URL www.yoursite.com/#home
#home:enabled
#home:indeterminate
#home:hash
#home:target
Which properties specifying whether to write
the text from left to right or from right to left?
white-space
direction
none
letter-spacing
What does a 'position: fixed;' declaration
accomplish?
Fixes the element on its parent element
Fixes the element relative to the browser's
viewport
Fixes the element on its child element
An outline is always placed __________ of the
box
Outline
backline
Inline
Of the following elements, which will be
frontmost, on the top of the stack using z-index?
Element with z-index of 6
Element with z-index of 9
Element with z-index of 2
Element with z-index of 1
Which of the following is the correct syntax
for a pseudo-class?
selector.pseudo-class { ... }
selector:pseudo-class { ... }
selector->pseudo-class { ... }
pseudo-class { ... }
Which values can be used to set text
direction?
ltr and rtl
mltr and mrtl
ttr and btr
None
What CSS selector selects all elements with a
target attribute?
/target/
`target
{target}
[target]
What are the three methods for implementing a
stylesheet?
Direct call, Indirect call, and Embedded
Inline, Embedded, and External
Internal, Embedded, and External
Linked, Appended, and Embedded
The transition-duration property is in fact
the only property required
to create a transition effect
All are correct
all properties that are able to undergo a
transition
as if transition-property is not supplied
Which operator is used for pseudo classes?
> (greater than)
:: (double colon)
: (colon)
[space]
< (less than)
A shorthand property for setting the four
transition properties into a single property
transition-duration
transition
transition-property
transition-delay
Given the following css rule, where would the
style apply? #content table tr td ul li a {font-weight:bold;}
A list inside of a table inside of something named
content
A link with an id of "content"
Links inside of a list inside of a table inside of
an element with an id of 'content'
Text inside of a list inside of a table inside of
something named content
What is text-align set to each line when text
is stretched so that every line has equal width, and the left and right margins
are straight?
justify
Both justify and center
center
Which property specifies spacing behavior
between text characters?
font-spacing
text-letter-spacing
text-transform
letter-spacing
___________ properties provide several options
to place the content on the web page.
Margin
Location
Positioning
The caption-side property specifies the
placement of a table caption. Which of the following is NOT a valid value?
inherit
side
bottom
top
The_________ means unvisited hyperlinks.
:visited
:hover
:active
:link
In the CSS box model, where is the margin located?
Immediately outside the box border
None of these
Between the padding and the box border
Immediately within the box border
What is the CSS syntax for changing the
default cursor to a pointing finger?
cursor: finger;
cursor: cursor;
cursor: hover;
cursor: pointer;
cursor: hand;
You have three blocks of markup that share
property values. Which of the following ways is the most efficient?
.one { property: value; } .two { property: value; }
.three { property: value; }
.one, .two, .three { property: value; }
.one .two .three { property: value; }
.one / .two / .three { property: value; }
Why will the following declaration not work? p
{ margin-right: 80 px; }
a right margin can only be 50 pixels or less
It should be right-margin
the P does not have a #
there is a space between 80 and px
Which value of the "text-transform"
property transforms the first character in each word to uppercase?
capitalize
none
lowercase
uppercase
What hyperlink property is typically used to
specify whether destination links should open in a new window or in a new tab
of an existing window?
target="fresh"
target="_blank"
target="open-window"
target="open-new"
What is the direction property in CSS?
It specifies the orientation an image.
It specifies the text direction/writing direction.
It specifies the orientation of the webpage.
It specifies the orientation an ordered list.
What does the list-style-position property do?
It specifies the color of a list item in a fixed
position.
It specifies the font style of a list item.
It specifies if the list-item markers should appear
inside or outside the content flow.
It specifies the orientation of a list.
The text-align property is used to set the
______ alignment of a text.
both
neither
horizontal
vertical
Is a # required before colors in CSS?
No, unless you are using more than ten colors
No, only when specifying colors as hexadecimal
values.
Yes, always
No, it is optional
p.outset {border-style: outset; } In the code
snippet above, which part represents the property?
border-style
p
outset
Which of the following specifies the type of
list-item marker?
list-style-all
list-marker
list-style-type
list-style-marker
What is the correct order if you want a div
with left margin of 10, right margin of 2, top margin of 5, and bottom margin
of 0?
div {margin: 5px 0 10px 2px;}
div {margin: 5px 2px 0 10px;}
div {margin: 10px 2px 5px 0;}
div {margin: 10px 5px 2px 0;}
The pseudo selector ":nth-child(2n)"
can also be written as:
:nth-child(second)
:nth-child(even)
:nth-child(everysecond)
:nth-child(odd)
display:none hides an element, and it will...
not take up any space. The element will be hidden,
and the page will be displayed as the element is NOT there
still take up space. The element will be hidden,
and the page will be displayed as if the element is STILL there
still take up space. The element will be hidden,
and the page will be displayed as if the element is NOT there
not take up any space. The element will be hidden,
and the page will be displayed as if the element is STILL there
In order to have a block element stay in the
same position in the viewport regardless of where the user scrolls, what should
the "position" property be set to?
absolute
relative
fixed
static
inherit
Which of the following is true for the
max-width property?
Set the maximum width of a paragraph with the
following: p { max-width:full; }
The max-width sets the width of the table border to
another border.
The max-width property does not include padding,
borders, or margins.
Fonts such as Times New Roman which have
spaces in between must be wrapped inside ______
Triangular Brackets
Quotation Mark
Round Brackets
Curly Braces
When determining hexadecimal colors, which
value is the highest?
zz
ff
00
99
In this code, where will the <p> element
be displayed? <body> <div style="position:relative">
<p style="position:absolute; bottom:0;"> </p>
</div> </body>
At the bottom of the child element
Wherever it appears inline in the document
At the bottom of the browser window
At the bottom of the <div> element
What does "padding:15px 20px 25px"
mean?
- top padding is 15px - right and left paddings are
20px - bottom padding is 25px
- right padding is 15px - top and bottom paddings
are 20px - left padding is 25px
- right and left paddings are 15px - top padding is
20px - bottom padding is 25px
- top padding is 15px - bottom padding is 20px -
right and left paddings are 25px
- bottom padding is 15px - right and left paddings
are 20px - top padding is 25px
Which of the following is true about inline
styles?
They will be overridden by a style defined inside
the <head> tag.
They will be overridden by a default value.
They will override a style defined inside the
<head> tag, in an external style sheet or in a browser (a default value).
They will be overridden by an external style sheet.
What does the * stand for in CSS?
Master Selector
Major Selector
Universal Selector
Class Selector
Attribute Selector
In the following declaration which part
represents the property? table { color: blue; }
color
{ color: blue; }
table
blue
What is the transform: translate() method used
for?
the text is translated to the language given as
parameter in the method
to move elements from their current position by an
offset depending on the X and Y parameters
To use non-euclidean geometry
to translate the text into English
What is the effect of the following css rule?
[title]{color:blue;}
The titlebar of the browser will be blue
All elements other than a title attribute will
be blue
All elements with a title attribute will be
blue
Nothing
The First step of transition is
transition-property
transition-delay
transition-duration
transition-timing-function
The possible values of white-space are
pre
post
All are correct
normal(default value)
Which of the following css declarations will
create italicized text?
{text-decoration: italic;}
{text-style: italic;}
{font-weight: italic;}
{font-style: italic;}
Which of the following elements will be
matched by this CSS selector: div[class|="foo"] ?
<div class="foo"> ... </div>
<div class="foo-bar foo-baz"> ...
</div>
<div class="foo-bar"> ...
</div>
All of these elements will be matched.
Which of the following elements will be
matched by the CSS selector: div[class*="foo"] ?
<div class="baz-foo"> ...
</div>
All of these elements will be matched.
<div class="foo"> ... </div>
<div class="foobar"> ...
</div>
Which of the correct syntax css cursor code?
p { cursor: reply } h4 { cursor: request } h5 {
cursor: crosshair }
p { cursor: wait } h4 { cursor: help } h5 { cursor:
crosshair }
p { cursor: wt } h4 { cursor: hp } h5 { cursor:
crshair }
p { cursor: late } h4 { cursor: help } h5 { cursor:
circlehair }
Select the correct value to set the background
to silver for even rows.
tr:nth-child(2n) {background: silver;}
tr:nth-child(1) {background: silver;}
tr:even {background: silver;}
tr:nth-child(2) {background: silver;}
State whether True or False. i) Any inline
style sheet takes highest priority. ii) Any rule defined in <style>
...........................</style> tag will override rules defined in
any external style sheet file.
i-False, ii-True
i-True, ii-True
i-False, ii-False
i-True, ii-False
Which of the following tells the browser where
you want to apply the rule?
Main
Property
Selector
Body
Value
The following is an example of which type of
CSS selector? E > F
Parent selector
Adjacent selector
Sibling selector
Child selector
Identify the value in the following rule:
a:hover { text-decoration: none; }
text-decoration: none;
a
a:hover
text-decoration
none
What does the following declaration
accomplish? div{background-color: rgba(255,255,255,0.8); }
It sets a black background with a transparency of
80% to the div element.
It sets a light gray background with a transparency
of 80% to the div element and its children.
Nothing: this declaration is not supported in
Webkit browsers.
It sets a white background with a transparency of
80% to the div element.
It sets a dark gray background to the div element.
What are the correct values for
"float" property?
left, right, top, bottom
left, right
left, right, all
left, right, none
how to set multiple images in background
through css
background-image: url(xyz.png) url(a2z.png);
background-image: url(xyz.png);
background-image:url(a2z.png);
background-image: url(xyz.png), url(a2z.png);
background:image= url(a2z.png), url(xyz.png);
background-image= url(xyz.png) > url(a2z.png);
Which would you use to write shorthand css to
affect the outline properties?
outline-total
outline-all
outline
all of these
Which of the following color values is
invalid?
transparent
#abcdef
#f00
They're all valid.
rgb(1, 2, 3)
The box model consists of which of the
following:
HTML, CSS, and Javascript
width, height, border, and length
div and table
margins,borders, padding, and the actual content
display, visibility, position, and z-index
The ................... property indicates
whether a cell without any content should have a border displayed.
nocontent-cells
blank-cells
noborder-cells
empty-cells
What CSS selector selects all elements with a
target attribute?
[target=_blank]
[target_blank]
[target]
[blank]
The elements after the floating element
will...
not be affected
be deleted
flow around it
clear
move a way from it
What is the purpose of line-height?
Set the height for each line of text in an html
element.
To vertical align text in an html element.
All of these.
Set the height of the html hr tag.
What is NOT an advantage of using CSS files?
The ability to change the look of a whole site by
changing a single file.
Less-cluttered HTML code, making it easier to read
and maintain.
Ability to hide the CSS code from the user.
Separation of style and content.
Which of the following specifies what the
style actually does?
Properties
Selector
Id
Class
What is the CSS shorthand to set a borders top
to 10, bottom to 5, left to 20 and right to 1 pixel?
border: 10px 20px 5px 1px;
border: 10px 1px 5px 20px;
border: 5px 20px 10px 1px;
border: 10px 5px 20px 1px;
Which is the correct shorthand to specify
padding: 10 pixels at the top, 7 pixels at the bottom, 25 pixels at the right
and 2 pixels to the left?
padding:10px 25px 7px 2px
padding: 25px 10px 7px 2px
padding <10px 25px 7px 2px>
padding: 10px 7px 25px 2px
Which of the following best describes the
effect that a floated element has on surrounding elements?
If an image is floated to the right, a following
text flows around it, to the right:
The elements after the floating element will flow
around it.
The elements before the floating element will be
affected.
The transition-duration property's initial
value is 0, meaning that the transition is
stantaneous
simultaneous
instantaneous
What does the following selector do:
element[foo]
Matches any element without a foo attribute.
Matches only elements without the foo attribute
set.
Matches only one element with the foo attribute
set.
Matches any element with the foo attribute set.
What does "Cascading" in CSS refer
to?
Separates a document's content from its display
rules
The way elements of a document can
"cascade" by being moved on the page
The hierarchy of rules which determines how element
properties are inherited
A series of independent rules to control document
style
What property is used with the :before and
:after pseudo-elements to insert generated content?
value
html
content
text
insert
Which version of CSS supports this tag
:nth-child ?
CSS 1
CSS 2
CSS 3
CSS 2.1
All versions
Which of these is NOT a CSS pseudo-class?
a:hover
input:focus
p:after
a:active
a:blur
To ensure consistent behavior when the user resizes
text, font-size should be declared in units of:
em
px
pt
percent
Which of the following code samples could be
used to style a link whose URL begins with "https://sales."?
None of these, can't do that in CSS
a { prepend: href='https://sales.'; color: pink; }
a[href^='https://sales.'] { color: pink; }
a:before { content: attr(href)
"https://sales."; color: pink; }
Where will a block level element appear in
relations to the previous element in the document (by default)?
Below the previous element
Alongside the previous element
Above the previous element
On top of the previous element
The Text spacing properties are
The letter-spacing property :
The word-spacing property :
All are correct
The text-indent property :
Which type of border attribute can be used to
have a unique look for each side of the border?
border-(downwarddirection)
border-(upwarddirection)
border-(direction)
border-(location)
What character is used before the pseudo-class
property?
semicolon
colon
dot
hash
Which value of the border style property can
look as though it were embedded in the canvas?
groove
hidden
inset
ridge
Does using or not using a doctype (in HTML)
affect how CSS styles HTML? (also known as standards mode vs quirks mode)
yes, it affects HTML rendering and CSS styling
no, it's strictly for HTML
What is the order of precedence (highest to
lowest) when applying styles?
inline > embedded > external
inline > external > embedded
embedded > external > inline
external > inline > embedded
Which selector specifies that a list uses
squares?
list-style-type: square;
type: 4 corners;
list-type-style: square;
type: square;
list-style: square;
Which list-style-type property renders a
filled circle?
square
disc
circle
Pseudo-classes are used to represent _______.
Casual Events
Static Events
Dynamic Events
Related Events
Which at-rule allows you to define custom
fonts?
@font-face { }
@type-family { }
@font { }
@font-family { }
Which of the following is true about the
overflow property?
It fixes the content in the table, if content
overflows an element's box.
It specifies what happens if content overflows an
element's box.
The property values of the overflow properties
include: visible, hidden, scroll, set and parent.
The Hex color #0000FF is equal to:
yellow
green
red
blue
What does the outline-offset property do?
Offsets an outline
Draws an outline beyond the border edge.
Both of the other answers are correct.
Which value will continue to display the text
on the same line,until the BR element is specified?
normal
post
nowrap
pre
Which property is used to specify typefaces ?
font-type
font-family
font-face
font-name
When styling links, a:active must come _____
a:hover.
after
before
What is the name for a property that clears an
area outside the border and is completely transparent?
border
padding
content
box model
margin
A CSS ________ is a keyword added to selectors
that specifies a special state of the element to be selected.
rule
pseudo-class
element
operator
selector
What is the border-spacing property?
It sets the distance between the borders of
adjacent cells (only for the "separated borders" model).
It is the distance between 1 table to another
table.
It is the distance between a table and text outside
the table.
It is the distance between the text in 1 cell to
the text of adjacent cells.
It is the distance between the border and text in
the table.
Which property is used to specify type faces ?
font-family
font-face
font-type
font-name
What property defines whether background
images scroll along with the element when the document is scrolled?
main-bg-scroll
bg-move
background-attachment
bg
background-scroll
When using "position: absolute;" the
reference point is the browser window UNLESS one of the parent elements contain
one of the following...
position: inherit;
position: static;
position: relative
position: fixed;
All of these
What does the following mean:
ul[id^="name-here"]
target any <ul> with an ID similar to
'name-here'
target any <ul> with an ID that starts with
'name-here'
target any <ul> with an ID that contains
'name-here'
target any <ul> with an ID that ends with
'name-here'
All monospace characters have the same...
width
decoration
height
weight
Which of the following is NOT a common browser
layout engine that determines CSS default styles?
Trident
WebKit
Gecko
Commando
True or False: The :first-line pseudo-element
applies special styles to the contents of all but the first formatted line of a
paragraph.
True
False
What would the following do?
tr:nth-child(2n){background-color: red; }
Changes the background color of ONLY the second row
in a table to red
Changes the background color of every even number
table row to red
Changes the text color of ONLY the second row in a
table to red
Changes the text color of every even number table
row to red
Is invalid CSS
Which properties allow specifying the
formatting rules for the textual content on a Web page?
CSS textual
None
CSS text
CSS texting
Which property allows you to increase or
decrease the white space between words?
word-margin
text-spacing
letter-spacing
word-spacing
What is the default align for <tfoot>?
left
right
justify
none
If an element appears before a floated element
that element will...
float around it
not be affected.
float to the top
float to the bottom
float to the center
What colors are displayed when using six
identical hexadecimal numbers to define color?
yellow, orange or red
white, gray or black
red, green or blue
red, purple or blue
In which position it will be calculated from
the upper left corner of the parent layer?
position:relative
position:absolute
A user can only view the border after
specifying the
color
width
All are correct
styles
Which of the following is invalid ?
.selector { content: url("image.png"); }
.selector { background-image:
content("image.png"); }
.selector { background-image:
url("image.png"); }
.selector { background: url("image.png");
}
.selector { background-image: url(image.png); }
Which of the following properties is MOST
likely to increase the amount of time it takes the browser to repaint?
color
font-weight
opacity
box-shadow
border-width
What is absolute positioning?
When an element is positioned in a natural location
in a page's flow.
When an element is positioned relative to the
browser window.
When an element is positioned relative to the first
parent element that has a position other than static.
When an element is positioned using only z-index
positioning.
What has the greatest specificity?
#footer {background: white;}
div strong {font-weight: bolder;}
*.foo tr:first-child {background: black;}
h2.foo {color: blue;}
What is the effect of using a negative number
in a padding declaration? Example: p {padding-top: -10px;}
Same as padding-top: 0px;
same as padding-top: 10px;
Same as position: absolute; top: -10px;
Same as margin-top: -10px;
Which of these is not a valid generic
font-family?
monospace
fantasy
serif
handwriting
sans-serif
Which vertical-align value is not correct?
vertical-align: super
vertical-align: bottom
vertical-align: text-base
vertical-align: sub
Which one is not a correct value of clear
property?
clear:all;
clear:inherit;
clear:left;
clear:both;
clear:none;
Which of the following is correct for specifying
the print media type?
@media-print { p.test
{font-family:times,serif;font-size:10px;} }
@media-type: print { p.test
{font-family:times,serif;font-size:10px;} }
@media-screen: print { p.test
{font-family:times,serif;font-size:10px;} }
@media print { p.test
{font-family:times,serif;font-size:10px;} }
What is the default value of position: ?
absolute
static
inherit
fixed
relative
If the link to the external css is placed
after the embedded css in the <head>...
the external styles will override the embedded
styles.
the embedded css will override the external styles.
Which aspect of CSS has some direct
resemblance with the common regular expression syntax?
Pseudo classes
3d translating
Property values
Attribute selectors
Property names
Which value of display property is NOT valid?
display: table-row-group;
display: inline-caption;
display: table-row;
display: list-item;
display: inline-table;
The value of letter-spacing property is
both normal or of length type
neither normal or of length type
either normal or of length type
What is the specificity calculation for an ID
in CSS?
100
010
050
101
001
Which of the following is correct for the
word-wrap Property?
p.test {word-wrap:wrap;}
p.test {word:wrap-text;}
p.test {word-wrap:break-text;}
p.test {word-wrap:break;}
p.test {word-wrap:break-word;}
In the following line; H1 { color:blue } What
is the part within the curly braces?
Declaration
Selector
Value
Property
What is the adjacent sibling selector?
:
-
+
*
>
What does the CSS cue property do?
Specifies a sound to be played as a background
while an element's content is spoken
Prompts the user to enter a voice command
Specifies a sound to be played before and after the
selected element
Specifies the frequency of the speaking voice
In which position will be calculated from that
exact spot in the middle of your page where it was added?
position:relative
position:absolute
The ______________ property describes how the
intermediate values used during a transition will be calculated
transition duration
transition-timing-function
transition time
Which of the following is true about this
style? border-width: thin medium thick 3px;
Thick borders have a thickness of 3px.
All borders are thin.
The left border will have a thickness of 3px.
The bottom border is medium thickness.
No comments:
Post a Comment