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.


With regards to the cascade effect of CSS, when does the order of css style rules matter most?
The order only matters when using external style sheets.
When the rules are equal in specificity.
The order does not matter.
The order always matters.


Which part of the following selector does the browser parse first? ul > li a[title="home"]
ul
a[title="home"]
li


Which CSS code is used to wrap a long unbroken text to prevent it from expanding outside the parent container?
.selector{word-wrap: break-word;}
.selector{word-wrap: break;}
.selector{word-wrap: word-wrap;}
.selector{word: word-wrap;}


How can you keep the parent element from collapsing when all elements inside are being floated?
All of these
Using a clear fix
Specify a height
Using overflow: hidden;


Which of the following selectors is the MOST efficient?
#menu .text { ... }
#menu ul li a.text { ... }
#menu ul .text { ... }
ul#menu .text { ... }
ul#menu li a.text { ... }


To style a link that ends in .html differently than a link that ends with another file extension you would use which code?
a[href^='.html']{color: purple;}
a[href&='.html']{color: purple;}
a[href$='.html']{color: purple;}
a[href*='.html']{color: purple;}


In CSS tables, the possible values for the caption-side property can have the following values.
top or bottom
left or right
top, bottom, left or right
top, bottom, center, left or right


Which of the following is correct CSS syntax for using font property?
<p style="font: italic bold 15px;"> ....................... </p>
<p style="font: italic, bold, 15px;"> ................ </p>
<p style="font-style: italic font-weight: bold font-size: 15px;"> ................... </p>
None of these


How do you select all the first <p> elements that immediately follow a <h2> element?
h2 > p { }
h2 + p { }
h2 p { }
h2 ~ p { }



Which value preserves the white spaces as specified in the content?
pre
nowrap
post
normal


Which of the following declarations is incorrect?
table { empty-cells: hide; }
table { table-layout: fixed; }
table { border-collapse: separate; }
table { direction: rtl; }
table { display: table-column-grouped; }


Describes how the speed during a transition will be calculated. Default "ease"
transition-property
transition-duration
transition-delay
transition-timing-function


Which of the following is NOT valid.
visibility: collapse
visibility: visible
visibility: inherit
visibility: none
visibility: hidden


Which of the following text-decoration styles is not correct?
text-decoration: inherit
text-decoration: strike-through
text-decoration: overline
text-decoration: underline


The css property border-style:dotted solid; would have the following effect:
Specifies a double border
Is not correct
Specifies all four borders are dotted
Would specify different borders for different sides


When using the font-family property which of the following is typically NOT the last font listed?
serif
comic sans
sans-serif
monospace


What does the CSS speak-header property do?
Specifies whether the tables caption should be spoken or not
Specifies whether table headers are spoken before every cell
Specifies a sound to be played before speaking a tables content
Specifies whether the tables contents should be spoken or not
Specifies whether content will render aurally


What is the total width for this div : div { width: 100px; margin: 5px; padding: 10px 5px 15px 5px; border: 5px solid #000; }
130px
120px
110px


Which of the following properties can be used to create multiple columns for laying out text - like in newspapers?
column-rule
all of these
column-count
column-gap


What is the recommended order for styling an <a> tag?
a:link { } , a:hover { } , a:active { } , a:visited { }
a:link { } , a:active { } , a:hover { } , a:visited { }
a:link { } , a:visited { } , a:hover { } , a:active { }
a:active { } , a:link { } , a:hover { } , a:visited { }
a:active { } , a:visited { } , a:hover { } , a:link { }


A final property is the visibility property that will allow you to create
invisible layers
enable layers
visible layers


Which property defines the distance between the nearest border edges of a marker and its associated principal box in an unordered list?
marker-spacing
marker-offset
list-offset
list-spacing


Which of the following specifies the number of times an animation should be played?
animation-count
animation-iteration-count
iteration-count
iteration


Which of the following is a required box-shadow property?
color
blur
spread
h-shadow
inset


What page media property gives a hint for how to scale a replaced element if neither its width nor its height property is auto?
scale
fit
size
main


To use inline styles you use the style attribute in the ............... tag
link tag
style tag
relevant tag


Which of the following is not a pseudo class?
first
lang
active
link


Which is not a valid pseudo class?
:matches()
:only-of-type
:root
:valid
:nth


In css border radius is not supported by Internet explorer version under
8
6
7
10
9


The color names are defined in the HTML and CSS color specification (___ standard colors plus ____ more).
16,125
18,126
15,123
17,124


Which of the following declarations is incorrect?
ul { list-style-type: hiragana; }
ul { list-style-type: decimal-leading-zero; }
ul { list-style-type: roman; }
ul { list-style-type: lower-alpha; }
ul { list-style-type: circle; }


When can a semicolon be omitted?
Inline style setting in an HTML tag
Last statement in a group
All of the above.
When there is only one statement in a rule


position: absolute means...
That the element is positioned accordingly to the browser window.
That the element is positioned accordingly to the closest ancestor with an absolute position.
That the element is positioned accordingly to the closest ancestor with a relative position.
That the element is positioned accordingly to the closest ancestor with a position.


What CSS value scales the background image to the largest size contained within the element?
cover
fill
contain
repeat


Specifies a rotation in the right or clockwise direction that a user agent applies to an image
image-move
image-transform
image-orientation
image-rotation

 

 
 
 


No comments:

Post a Comment