Wednesday, 7 January 2015

Elance CSS3 Test Answers




True or False? The word-wrap and overflow-wrap properties have the same effects.
False


How would you repeat a gradient in CSS3?
background: repeating-linear-gradient(red, blue 10%, green 20%);



What would the standard syntax to use a gradient in CSS3?
background: linear-gradient(to bottom right, orange, blue);


Do you have to use -webkit- for border images in CSS3?
Yes



What do you need to change in order to visually modify a button on mouseover?
Hover state


Which one is correct way to give margin to an element?
margin:30px 20px 10px 20px;



In CSS, * is called a:
universal selector



CSS specifications are maintained by:
W3C


When using HTML5 canvas it's good to...
All of the these.


What tag would you use to make an internal style sheet on your HTML document?
<style>



What browser is transform-style not supported in
Internet Explorer



To use CSS to make the corners of an element round without the use of scripting use:
Border-radius


In this order, content, padding, border, margin, these best represent _____
CSS Box Model



After assigning a value to a property you should end the statement with a:
Semi-colon


To make text appear on a page just by hovering over any portion of a page use:
title


What does the font-size-adjust property do?
It specifies an aspect value for an element that will effectively preserve the x-height of the first choice font



What CSS3 attribute is not correct
translate()




When using background-clip, values can be added to:
padding-box



How would you repeat a gradient in CSS3?
background: repeating-linear-gradient(red, blue 10%, green 20%);


Can you use CSS3 with older version of HTML?
No



What is the earliest Internet Explorer and Chrome that supports multiple columns?
10.0, 4.0



Which of the following is NOT a new CSS3 pseudo selector?
:includes


Which of these is NOT a valid css3 pseudo class?
:blank

To use a fading link transition use:
In-Erase

What is the common CSS3 trick used to trigger hardware acceleration on mobile devices?

Use 3D transforms (for 2D with Z axis set to 0)




Which of the following is not a new background property in CSS3?
background-shadow


Which of the following is not a correct keyword value for the font-stretch property?
macro-expanded



Which of the following represents correct CSS shorthand for setting font family, font size, line-height and font weight for an element?
font: bold 18px/1.2 verdana;



True or False: CSS3 selectors are different from CSS1 and CSS2 selectors.
True



To set the clipping region of an element use:
Clip


What are two of the four sizes with radial gradients?
closest-side, farthest-corner


Which of the following is NOT new in CSS3?
Media queries


The concept of designing a site which retains its meaning and functionality, even when certain (usually older) browsers cause display faults, is called...

Graceful Degradation




Which of these properties does not exist?

transparency



How can we call different bullets without using classes to the particular <li>?

li /line break/ li+li /line break/ li+li+li /line break/





How wide is the following div? div { box-sizing:border-box; width: 200px; padding: 20px; border:1px solid #000; }
242px


What is the correct syntax of wrapping of the word in CSS3?
word-wrap: break-word;


To make an element move fast or slow what property must you change?
 Duration or Transition



What would the standard syntax to use a gradient in CSS3?
background: linear-gradient(to bottom right, orange, blue);


How would you use CSS3's new selectors to match the last 2 elements of a particular type?
:nth-last-child(-n+2)



In CSS, > is called a:
combinator



Have all of the CSS3 properties been implemented in the modern browsers?
No


What does this selector do? ul ~ p { color: red; }
Selects any p elements that follow a ul.


Is this code written correctly?: span[hello="Cleveland"],[goodbye="Columbus"] { color: blue; }

True



Portrait and Landscape specific stylings are used for:
Both of these


Which of the following transitions follows the correct format?
transition: width 1s linear 2s;



All properties must have a
Value



What would the following CSS do? text-transform: capitalize;
Capitalize the first letter of every word



rgba differs from the opacity declaration in that:
rgba controls only the element it references, while opacity controls itself and all child elements


Complete this styling. text-shadow:
2px 2px 2px #666



Pick the INCORRECT selector
element[att+=val]


Which property is used to specify type faces ?
Font-face


Which of these properties does NOT exist in CSS3?
text-opacity




In HTML5, how can you visually center this <div class="center">hi</div>?
.center{margin:0 auto; width:250px; }


True or False? Round corners were supported before CSS3
False



To debug for Section 508 compliance you may want to check that all images contain alt tags. To do this you use:
img:not([alt])



Do you have to use -webkit- for border images in CSS3?
Yes


What is the earliest version of Internet Explorer that supports border-radius?
9.0


The background-origin property specifies the positioning area of background images, which can be placed
...within the content-box, padding-box, or border-box area.



The CSS3 specification will allow for the use of generated gradients as background images.
True


Which one of the following selector checks if the attribute begins with "val"?
[att^=val]



Which is a recognized media type?
All of these



Given the following HTML snippet: <h1 class="title header">Hello</h1> And the following CSS: h1 { color: blue; } .title.header { color: red; } .title { color: green; } What color will the text "Hello" have?
Red



What is the method to stretch an image as a border in CSS3?
#stretch



What is the shorthand version of the CSS3 property transition?
transition: property duration timing-function delay



Can you rotate images in CSS3 and if you can what is the right method to do so?
Yes, rotate



What is the syntax of opacity in CSS3?
opacity:0.4;



To get li tags to sit side by side use
Display: inline



Which of the following is NOT a feature of CSS3
All of these are features of CSS3.


In CSS3 it is possible to specify the size of the background image...
...in pixels or percentages.



Consider the following code: <div style="height: 40px; width: 40px;background:black;margin: 20px 30px 50px;"></div> what would be the margin of the 'div'?
top margin 20px, left and right margin 30px, bottom margin 50px


What does the translate() method do?
moves the element from its current position, depending on the parameters given for the left (X-axis) and the top (Y-axis) position



write single ______ before the pseudo-class propert
colon


The correct way to select <li> elements which are "even" in terms of their placement (ie. 2nd, 4th, 6th, etc) would be?
li:nth-child(even)



What would 'a:focus:hover' be an example of?
Dynamic pseudo-class


Is it true that the z-index property only applies to positioned elements?
Yes


In an unordered list, to turn off the bullets on the li tags use:
list-style: none;



CSS elements specified in a stylesheet should always end with ___________.
a curly bracket ( } )





Using li:nth-child(odd) will:
affect only the odd numbered li tags



 When making an animation in CSS3, can the image change color as it moves or does it have to wait till it makes destination?
Yes




True or False: Due to CSS box model you cannot create a circle using CSS3.

False



To set opacity of the background of an element, use:
Background-color:rgba(0,0,0,0.5)



How would you make the background color of all the divs on a page blue?

div { background-color: blue; }



What are the 4 current vendor prefixes for css3 properties? (5 major desktop browsers, not mobile or tv)
-moz-, -webkit-, -o, -ms, 



What would 'p:first-child' be an example of?
pseudo-class








Which property is used to specify table borders in CSS?
border



The ………………. property indicates whether a cell without any content should have a border displayed.

empty-cells

What does the list-style-position property do?

It specifies if the list-item markers should appear inside or outside the content flow.



What is the purpose of line-height?

Set the height for each line of text in an html element.



What is the order of precedence (highest to lowest) when applying styles

inline > embedded > external



Given: table { color: blue; }, which part represents the property?

color



Where will a block level element appear in relations to the previous element in the document (by default)?

Below the previous element



HTML provides a functionality to connect one or more pages in web-pages or resources.

link



Which part of the box, where the clears an area around the content?

Padding



A shorthand property for setting the four transition properties into a single property

transition



Which of the following elements will be matched by this CSS selector: div[class|=”foo”] ?

All of these elements will be matched.



Which value of the “text-transform” property transforms the first character in each word to uppercase?

capitalize



What does a ‘position: fixed;’ declaration accomplish?

Fixes the element relative to the browser’s viewport



n this CSS code, what element is the property? table {color: red;}

color



In the CSS box model, where is the margin located?

Immediately outside the box border



What property is used to specify the indentation of the first line of a text?

text-indent



What is NOT a correct value of background-position property?

middle



Of the following elements, which will be frontmost, on the top of the stack using z-index?

Element with z-index of 9



What does image sprite do in CSS?

It is a collection of images put into a single image.



What css selector selects every element that is not a <p> element?

:not(p)



Which of the following is the correct syntax for a pseudo-class?

selector:pseudo-class { … }



Which of the following is used to select one paticular tag, rather than a group of tags?

Id selector



Which property can be used to specify all the list properties into a single expression?

list-style



What are the three methods for implementing a stylesheet?

nline, Embedded, and External



The possible values of white-space are

<p style=”white-space:normal”> Use of normal white-space. </p>





In this CSS code, what element is the selector? table {color: red;}

table



Which properties is used to change the case of the text?

text-transform:



To create a layer all you need to do is assign the _______ attribute to your style

position



Which of the following properties can be used to add space outside an element’s box?

margin



p { width:220px; padding:10px; border:5px solid gray; margin:0px; } The total width of an element is calculated like this:

Total element width = width + left padding + right padding + left border + right border + left margin + right margin



How would you hide an element using the display property?

display: none;





What is the correct pseudo-class for modifying only the first element of a selector?

:first-child



What rule is generally used, for responsive web design, to target devices with different widths?

@media



How do you set the text color in a css rule

color:



#container {margin: 20px 30px 10px 50px} The margin-right value will be…

30px



What is one way to center a fixed-width element (relative to its container)?

margin: 0 auto;



What css selector selects the document’s root element

:root





What can CSS selectors look for?

all of these



What is the difference between margin and padding?

Margin is on the outside of block elements while padding is on the inside.



The _________ means an element that has the user’s mouse pointer hovering over it.

a:hover



Which of the following will create a box with a 2 pixel border on the top, 1 pixel border on the bottom, and no other borders?

#box {border: 2px, 0px, 1px, 0px;}



Which states whether the text is underlined or not?

text-decoration:





CSS colors are defined using a _________ notation for the combination of Red, Green, and Blue color values (RGB).

hexadecimal



Which attribute creates space between content and its container?

padding



The CSS3 property for transparency is…

opacity



How would you define class ‘myclass’ that sets the width of an element to 640px and the height to 480px ?

.myclass {width: 640px; height: 480px;}



Which of the following units of measurement can be used when creating a margin?

All of these



What is CSS valid syntax for setting the margin value to 0?

margin: 0;



Which of the following defines the tiling pattern for one or more background images?

background-repeat



…………………. is used to import an external style sheet in a manner similar to the <link> element.

@import



What color does this hexadecimal code represent: #000?

black



You can apply a style to a selector within a selector without affecting the same selector outside the parent selector.

True



Which of the following statements is true given the following css and markup? a.red:visited {color:#FF0000;} <a class=”red” href=”css_syntax.asp”>CSSntax</a>

If the link in the example has been visited, it will be displayed in red



What property can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word?

text-transform



Which of the following sets all the properties for a list in one declaration?

list-style



Which of the following is true for setting font type?

p { font-family:”Times New Roman”,Georgia,Serif; }



What does the property font-family do?

Specifies which font to use





Which of the following will set the entire page background color?

body {background-color:#FFFFFF;}



How do you add a background color for all <h1> elements?

h1 {background-color:#FFFFFF}



Which property specifies the spacing between lines?

line-height



With these specifications, how will the paddings appear in browser? padding: 6px 3px 0px 3px;

top: 6px, right: 3px, bottom: 0px, left: 3px,



What is the best way to insert CSS styles across multiple HTML files?

External CSS



What is the difference between ID and Class?

You can use multiple classes on the same element, but you can’t do that with ID’s



How do you designate an inline style?

style = ” “



What does background-origin property do?

It specifies the positioning area of the background images.



What property changes the text color of an element?

color



What is the correct selector format for ID elements in CSS, where id_name is unique ID name to be formatted?

#id_name { }



Which value is used to define a dashed border?

dashed



What property is used to a set minimum height for an element?

min-height



What’s the name of the layout technique that relies on CSS3 media queries to apply different styles based on the width of the browser window?

Responsive



Which of the following sets how a background image will be repeated?

background-repeat



Which CSS property can provide to add an effect when changing from one style to another,without using Flash animations or javascript?

Transitions



What does the border-radius property do?

Creates rounded corners



Which CSS property controls the text size?

font-size



Which of the following places one or more images in the background of the element?

background-image



True or False: Hexadecimal color values are supported in all major browsers.

True



Which of the following CSS3 properties is used to round the corners of elements?

border-radius



In which example below will all HTML elements with class=”master” will be center-aligned?

.master {text-align:center;}



The id selector uses the id attribute of the HTML element, and is defined with a

“#”



Which answer best describes the following css rule? a {text-decoration:none;}

Links will be styled with no underlines



How do you add a background color?

div {background-color : red}



Which of the following CSS declarations would change the border style?

border-style: solid;



Colors in CSS can be specified by the following methods:

All of these



Which property is used to control the space between the border and content in a table?

padding



Which tag is used to link External Style Sheets?

<link>



Which of these is not a vendor prefix?

They are all vendor prefixes.



What does CSS stand for?

Cascading Style Sheets



In CSS, it is possible to specify different padding for different sides?

Yes



.center {text-align:center;} is an example of

the class Selector



How do you add a background color for all “<h1>” elements?

h1 { background-color: #FFFFFF; }



When does aligning a block element have no effect?

when it’s width is set to 100%



Which property can be used to set the color of a text?

color



Pseudo-elements can be combined with CSS classes.

True



Which configuration of the web elements in the page markup gives you great flexibility in the design of your site?

All are correct



What symbol do you use in CSS to call out to an ID?

#



Is this a proper statement? body { font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #FFF; }

Yes



Which syntax displays hyperlinks with an underline?

a {text-decoration: underline}



Which of these is the correct format for specifying a color?

All of the above



Which is the correct CSS syntax?

body {color: black}



What is the default file extension for a CSS style sheet?

.css



Which of the following properties is used to set a minimum width on an element?

min-width



Which CSS property controls the text size?

font-size



Where in an HTML document is the correct place to refer to an external style sheet?

In the <head> section



How do you add a background color for all <h1> elements?

h1 { background-color: #FFF; }



What pseudo-class need to be used to style a link which has the mouse over it?

a:hover



The outline property is used to control:

all of these



What do the height and width CSS dimension properties allow you to control?

the height and width of an element



Which of the following characters is used to end a css declaration block?

}



Which of these is the correct way to specify color?

All of these



Where in an HTML document is the correct place to refer to an external style sheet?

In the <head>



Which is the correct way to write a comment in CSS?

/*This is a comment*/



What is the correct HTML for referring to an external style sheet?

<link rel=”stylesheet” type=”text/css” href=”main.css”>

Which is the correct CSS syntax?

selector { property: value; }



The class selector is used to specify a style for:

a group of elements



Which of the following is NOT a web-safe font?

Zapfino



What property alters an elements background color?

background-color



Which property is used to specify the kind of border to display?

border-style



Which is the correct CSS syntax?

body { color: red; }



What are the possible values of the property background-attachment?

Both scroll and fixed



What css selector selects all elements?

*



What does the background-color property do?

Specifies the background color of an element



Which of the following increases or decreases the horizontal space between characters?

letter-spacing



Which tag is used to define an Internal Style Sheet?

<style>



Dimension properties allow you to control:

the height and width of an element



Who maintains CSS?

W3C



Which element/pseudo-element pair can be used to create a mouseover effect on all links?

a:hover



CSS stands for

Cascading Style Sheets



When does the link state a:hover occur?

When the user mouses over it



What is the correct HTML for referring to an external style sheet?

<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>



In an HTML document, where is the correct place to refer to an external CSS file?

In the <head> section



Which of these is the correct CSS syntax for specifying the left margin of an element?

p {margin-left:20px;}



What is the extension for an external style sheet?

.css



Which answer best describes the purpose of the following markup? <link rel=”stylesheet” href=”style.css” type=”text/css” />

To call an external stylesheet



Which of the following determines whether the text should be displayed as italics or regular text?

font-style



Which HTML tag is used to define an internal style sheet?

<style>



Which property is used to change the background color?

background-color:



An id is prefaced by what symbol?

#



What is the correct HTML for referring to an external style sheet?

<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>



Where in an HTML document is the correct place to refer to an external style sheet?

In the <head> section



What does CSS stand for?

Cascading Style Sheets



What should CSS be used for?

styling



Which symbol is used to define an ID?

# (pound sign)



Which properties can be applied to first-line pseudo-element?

All of these



The background color can be specified by:

All of these



What is the correct HTML for referring to an external style sheet?

<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>



What does CSS stand for?

Cascading Style Sheets



.css files may be created using what software?

All of these, any text editor will do.



Which character, followed by the selector’s name, is used for defining ID selectors?

#



Where in an HTML document is the correct place to refer to an external style sheet?

In the <head> section



Hex colors are based off of what other web based color mode?

RGB



Is :focus a pseudo-class?

Yes

A class is prefaced by what symbol?

.



The id selector uses the id attribute of the HTML element, and is defined with a…

“#”



Which HTML attribute is used to define inline styles?

style



Block elements can be centered by setting the left and right margins to:

auto



What does the float property do?

Aligns HTML elements to the right or left while allowing content to flow around it



Which CSS property contains the following attributes: normal, italic, oblique

font-style



What css selector Insert content before every <p> element

p:before



Which of the following code elements will ensure that all images have no border?

img { border: none; }



Which is the correct syntax for centering the text in the header?

h1 {text-align: center;}



The ________ property is used alongwith position property to create an effect of layers

z-index



What does the scale() method do?

It increases or decreases the size of element



To set the bottom border width…

border-bottom-width:15px;



Which css property can be used to display text with all uppercase, all lowercase, or with forced first-letter capitalization?

text-transform



What is the main difference between styling a <span> and a <div> element?

<span> is an inline element by default, while <div> is a block element.



Which of the following ways below is correct to write a CSS?

body {color: black}



Which is the correct CSS syntax?

<p style=”text-align:left;color:#00CC00″> This text is in left. </p>



The default value of the font-variant property is

normal



What property is used to a set maximum height for an element?

max-height



Which statement is true about the following markup? <img src=”klematis.jpg” width=”150″ height=”113″ alt=”klematis” style=”opacity:0.4;filter:alpha(opacity=40)” />

This image will be partially transparent.



In margin: 10px 20px 40px 30px; what will be the bottom margin?

40px



Which of the following always refers to text color?

color



Which of the following is correct to transform text to lowercase?

p {text-transform:lowercase;}



Which of the following will set Verdana as the entire page’s font type?

body {font-family: Verdana;}



What is a CSS rule?

Statements that tell the web browser how to render certain element or elements on the page.



The background image for a page can be set like this:

body {background-image:url(‘sand.gif’);}





What is the correct method of changing text color?

{color:#000000;}



Which answer best describes the following statement? <div style=”text-align:center; font-size: 14px;”></div>

Inline CSS



With what character does a declaration block start and end with?

starts with { and ends with }



Which of the following pseudo-elements are invalid?

;last-paragraph



Which is the correct syntax of the background color for links?

a:link {background-color:#B2FF99;}



Which of the following is NOT a CSS font property?

font-invariant



Selects all elements with class=”intro”

.intro



How can you assign a higher specificity to a property value?

body { background: blue !important; }



Which HTML tag is used to define an internal style sheet?

<style>





They must be define a border-style for the border to show up. Available terms:

All are correct



Which answer is equivalent to this: h1 { font-family: sans-serif; } h2 { font-family: sans-serif; } h3 { font-family: sans-serif; }

h1, h2, h3 { font-family: sans-serif; }





On which side will there be a 20px padding if this is the specified: padding: 30px 15px 20px 10px;

bottom





Which of these can be used to apply style rules to elements in a document?

All of these



Internet Explorer supports the fixed value only if…

!DOCTYPE is specified.



Which of the following is NOT a valid technique for applying styles to a document?

exceptional styles



Which of the following removes the bullet from an unordered list?

list-style-type: none;



How do you make the text bold?

font-weight:bold



Which of the following is an example of using group selectors?

h1, h2, p { color:green;}



The ………………… specifies whether a border should be solid, dashed line, doted line, double line, groove etc.

border-style



How do you display hyperlinks without an underline?

a {text-decoration:none}



How can you add a comment to a stylesheet?

Enclose comment between opening and closing comment markers as follows: /* and */



Which property can be used to control the flow and formatting of text?

white-space



Which are the two main parts of a CSS rule?

Selector and Declaration



Which of the following css declarations will create bold text?

{font-weight: bold;}



Which of the following is correct to transform text into uppercase?

h1 {text-transform:uppercase;}



Which of the following css declarations would style hyperlinks using sans-serif fonts?

a:link {font-family: “lucida sans unicode”, sans-serif;}



Setting the left and right margins to auto specifies that they should split the available margin equally, resulting in…

a centered element



Which css rule will make an element with an id of “box” invisible?

#box {visibility:hidden}



What CSS define in HTML?

How to display HTML elements



Which contemporary web browser(s) support CSS?

All of these



What selector is used to select all elements?

*



Which Represents a line that acts as a boundary?

Border



True or False: The universal selector, written “*”, matches the name of any element type. It matches any single element in the document tree.

True



Can web fonts be imported with .css files directly

Yes, by using @import url(“fontname”);



A ……… tag is used to specify that the browser is to fetch and use an external style sheet file

<link>



Which of the following will set h1 to 16 pixels, bold, and underline?

h1 {font-size: 16px; font-weight: bold; text-decoration: underline;}



A ___________ property can help you to create more complex webpage layouts

z-index



Which of the following selects the active link?

:active



Negative values for transition-duration are treated as

0



What are the three methods for using style sheets with a web page?

Inline, embedded or document level and external



Which of these has the highest priority?

inline style





How much space does an element take up within the document (on modern browsers) if it has “display: none” styling applied?

It will not take up any space.



What does the pseudo class last-child do?

selects the last element in a targeted parent element.



Which of the following is the correct syntax for importing one style sheet into another?

@import url(“other.css”);



The CSS list properties allow you to:

All are correct



What is the correct CSS syntax for making all the <p> elements bold?

p { font-weight: bold; }



How to apply the text-shadow around the text?

<p style=”text-shadow:6px 6px 10px #FF0000 “> Text-shadow is of red color. </p>



The ________________ specifies whether a border should be solid, dashed line, doted line, double line, groove etc.

border-style



Which of these examples of using the clear property are correct?

.text_line { clear:both; }



How can you create responsive websites through css?

Use an @media query.



True or False : CSS class name starting with a number is supported by all browsers.

False



In CSS, the term “box model” is used when talking about?

design and layout



What is the correct shorthand syntax for a border?

border: 1px solid #777;



What attribute is NOT required when using the <link> tag?

head





Which side of the element with ID ‘element’ will have a 10px margin? #element { margin: 0px 5px 10px 20px;}

bottom





Which of the following defines the boundary within the element box against which background-image positioning is calculated?

background-origin



Which of the following sets all the border properties in one declaration?

border



How will this display: margin: 10px 5px;

Top: 10px, right: 5px, bottom:10px, left:5px



Which property is used to horizontally align the text in the table?

text-align



Which is the correct syntax of css border?

.two { border: solid 6px #fff; position: relative; z-index: 1; }



Which of the following applies a 2D or 3D transformation to an element?

transform



True or False? With CSS, it’s possible to customize the numbers that appear next to list items within <ol> elements.

True



Which of the following sets the stack order of a positioned element?

z-index



CSS comments are inserted inside .

/*………………*/



An attribute selector allows you to select an element with a specific attribute. To select a <input type=”submit”> you would use

input[type=submit] { }



Which of the following will apply a hex color of #445566 to each active link?

a:active {color:#445566;}



Which of the following is the correct syntax for using z-index?

img {z-index:-1;}



Which line changes the background color of a link when a visitor hovers it?

a:hover { background-color: #FF704D; }



How do you specify 30% opacity in CSS (ignoring IE)?

opacity: 0.3



The ___________ property allows to specify how much space appear between the content of an element and it’s border.

padding



What are the two components of every CSS style definition?

selector, properties



The <link> tag goes inside

If a block element might not have enough space to display all of its content, which property might you use to enable scrollbars if they’re needed?

overflow: auto



In reality layers are often used in more dynamic ways:

All are correct



Normally, elements after a ‘floated’ element will flow around it. Which property can be used to avoid this?

the clear property



With what characters are multiple fonts separated with?

commas



The ____________ property allows to specify how much space appear between the content of an element and it’s border.

Padding



What do the Greater Than sign > indicate in CSS

Select the child of the element it follows



Identify the selector in the following rule: h1 { color: blue; }

h1



Block elements can be aligned to center by setting the left and right…

margins to auto



How do you hide an element and remove it from the document flow?

Add “display: none” to your style sheet rule.



Which property controls the additional space between the selected element(s) border and its content?

padding



Which of the following declarations would display a list without bullets?

list-style-type: none



What css selector selects all <p> elements that are contained inside of an element with an ID of ‘content’?

#content p



Which of the following is NOT a valid image opacity rule?

opacity: 2.0;



By which of the following is a declaration terminated?

;



The ___________ property allows you to control the shape or style of bullet point in the case of unordered lists, and the style of numbering characters in ordered list.

list-style-type



Which is the correct CSS syntax?

<p style=”direction:inherit”> Possible values are ltr,rtl and inhert. </p>



How do you remove browser default margin and padding settings?

Set margin and padding to 0



To create a border of 3-pixel width, which css declaration would you use?

border-width: 3px;



The text-decoration are:

All are correct



Which is the correct syntax for referring to a pseudo-class?

:hover



Which property gets provide the increments or decrements the space between characters?

letter-spacing



What css selctor Selects every <p> element that is the last child of its parent?

p:last-childc



Which HTML tag is used to define an embedded style sheet?

<style>



Pseudo classes may be applied to any element but are most commonly used with the __ element.

‘a’



__________ property is mostly used to remove underlines from links:

text-decoration



How do you make a list that lists its items with squares?

list-style-type: square



Which property can be used to decorate links by specifying no underline with the text?

text-decoration:none



What does the child selector (“>”) do?

Matches elements that are a direct child of the parent match



What css selector selects the input element which has focus?

input:focus



If table {color: red;} is specified in a stylesheet, what happens to the table?

Text within it is red



How do you set a paragraph to have a border of 5px in red color?

p { border:5px solid red; }



Hex values are written as 3 double digit numbers, starting with a

# sign



Which of the following characters is used to begin a css declaration block?

{



What is the child selector in css?

>



Which styles of border can be look in dotted?

border-style: dotted;



How can you override css cascade priority and force a particular css rule to apply?

p { color:red !important; }



What does the property text-align:center; do?

Aligns text in horizontal center of the containing element



When using the background-color property with rgba(255, 0, 255, 0.5) what does the “a” refer to?

Opacity (Alpha channel)



Which of the following has the highest priority?

Inline style (inside an HTML element)



How do you apply multiple classes to an element?

<div class=”class1 class2″ ></div>



Which of the following is true about border styles?

None of these



A definition list has two types of items: the term and the description. Which of the following is NOT a valid definition-related tag set?

<do></do>



The correct example of class selector is .

h2.type1 {color: #000000;}



Which syntax does older versions of Internet Explorer use for transparency?

filter:alpha(opacity=x).



Which concept uses the CSS from which implies that every HTML element is a box?

box model



If an image is floated to the right, the following text flows around it…

to the left



Which of the following is true about vertical-align property?

It sets the vertical alignment of an element.



When adjusting a CSS sprite, which property do you use?

background-position



Which measurement can’t be used to size text in CSS?

huge



Which of the syntax is correct?

<div style=”position:relative; font-size:50px; z-index:2;”>LAYER 1</div>



Which style will cause all links to “http://www.smarterer.com” to be blue?

a[href=”http://www.smarterer.com”%5D { color: blue; }



With what characters are CSS declarations separated?

semicolon ( ; )



Which property is used to set whether table borders are collapsed into a single border or detached as in standard HTML?

border-collapse



To specify the style for a list, use the _________ property.

list-style



Which style does the following rule apply to?



div.wrapper h2 {

font-size: 18px;

margin-top: 0px;

}

h2 heading inside element div of class wrapper



When using z-index which other property is required?

position



In CSS3, which property is used to make sure a given element has a width of at least a set value?

min-width



Multiple font faces are separated by __________

Comma



Which of the following produces a black border that is 1-pixel thick and dashed?

border: 1px dashed #000



Which is the correct syntax of the CSS?

<p style=”font-size:14pt”> Welcome to teds-india.</p>



Which declaration will make each word in an element start with a uppercase letter?

text-transform: capitalize;



What does minifying CSS do?

compresses the code by removing whitespace, which is not needed



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’ /> .



The transition-duration property is in fact the only property required

All are correct



What css selector selects all <div> elements and all <p> elements?

div,p



What are the differences between “display:none” and “visibility:hidden” code?

“display:none” hides the element and remove it’s placeholder, “visibility:hidden” hides the element but keeps it’s place blank.



Which of the following will remove the default underline under the link with an id of “content”?

a#content {text-decoration:none;}



On which position value does the z-index property work?

all of the answers



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 Sprites



The id selector is used to specify a style for

single, unique element



Given .class { padding: 20px 10px; }, in what order do padding values apply?

top & bottom, left & right



What of the following is the correct syntax in CSS?

Selector {Property: Value;}



By default, the background-image property repeats an image..

both horizontally and vertically



Which of the below is the correct way to set the color of active links?

<style type=”text/css”> a:hover {color:#000000} </style>



The completion of a CSS Transition generates a corresponding

DOM Event



An ____ style loses many of the advantages of style sheets by mixing content with presentation.

Inline



Where is the margin property located in the CSS box model?

Outside the box



The following syntax to set margin around a paragraph will make- p{margin:10px 2%}

Top and bottom margin will be 10px and left and right margin will be 2% of the total width.



Which part of the box, where text and images appear?

Content



Which of the following selects all unvisited links?

:link



Which operator is used for pseudo classes?

: (colon)



What is the CSS syntax for changing the default cursor to a pointing finger?

cursor: pointer;



Which declaration can be used to have a block element always displays scrollbars?

{overflow:scroll}



How do you hide an element, but have it still take up space and affect the layout?

visibility: hidden;

Which of the following applies a different background color for odd numbered rows in a given table?

tr:nth-child(odd)



You have three blocks of markup that share property values. Which of the following ways is the most efficient?

.one, .two, .three { property: value; }



What is true about image sprites?

Both of these



Which declaration removes bullets from a navigation list?

list-style-type:none



What CSS selector selects all elements with a target attribute?

[target]



What is “inline” for the CSS display property?

An inline element has no line break before or after it, and it tolerates HTML elements next to it.



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:target





Why will the following declaration not work? p {

margin-right: 80 px;

}

there is a space between 80 and px



What is the syntax for a customized cursor?

Selector {cursor:value}



Which property specifies spacing behavior between text characters?

letter-spacing



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



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?

fixed



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





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 <div> element



Which element is a block element?

All



If the name of a font family is more than one word, it must be in quotation marks.

True



Which is the correct CSS syntax?

<p style=”direction:ltr”> This text is in left direction. </p>



If an image is floated to the right, where does a following text flow?

around it, to the left



Which of the following specifies the type of list-item marker?

list-style-type



The text-align property is used to set the ______ alignment of a text.

horizontal



How do you target the submit button for the <form id=”example”>?

#example input[type=”submit”]



____________ properties provide several options to place the content on the web page.

Positioning



What does the * stand for in CSS?

Universal Selector



The pseudo selector “:nth-child(2n)” can also be written as:

:nth-child(even)



The caption-side property specifies the placement of a table caption. Which of the following is NOT a valid value?

side



The possible values of direction properties are

ltr and rtl



Is a # required before colors in CSS?

No, only when specifying colors as hexadecimal values.



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 2px 0 10px}



Given the following css rule, where would the style apply?

#content table tr td ul li a {font-weight:bold;}

Links inside of a list inside of a table inside of an element with an id of ‘content’



What is the scale for opacity from least to most?

0 – 1



The ____ and ____ properties defines the exact position of our layer.

top,left



In which direction are elements floated?

Horizontally



How do you add images to list items?

list-style-image: url(../images/bullet.gif);



Which properties specifying whether to write the text from left to right or from right to left?

direction



What is the direction property in CSS?

It specifies the text direction/writing direction.



When determining hex colors, which value is the greatest

f



An outline is always placed __________ of the box

Outline



Which of the following css declarations will create italicized text?

{font-style: italic;}



The_________ means unvisited hyperlinks.

:link



p.outset {border-style: outset; } In the code snippet above, which part represents the property?

border-style





The following is an example of which type of CSS selector?



E > F

Child selector



Which of the following elements will be matched by the CSS selector: div[class*=”foo”] ?

All of these elements will be matched.



The_____________ property indicates whether a cell without any content should have a border displayed.

empty-cells





What is the effect of the following css rule?

[title]{color:blue;}

All elements with a title attribute will be blu



All elements with a title attribute will be blu

to move elements from their current position by an offset depending on the X and Y parameters





What hyperlink property specifies whether new destination links should open in a new window or in a new tab of an existing window?

target-new



What does “padding:15px 20px 25px” mean?

- top padding is 15px – right and left paddings are 20px – bottom padding is 25px



Which property is used to set all the outline properties in one declaration?

outline



Select the correct value to set the background to silver for even rows.

tr:nth-child(2n) {background: silver;}



The First step of transition is

transition-property



Which of the following tells the browser where you want to apply the rule?

Selector



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-True, ii-True



Which of the following is true about inline styles?

They will override a style defined inside the <head> tag, in an external style sheet or in a browser (a default value).



Which of the following specifies what the style actually does?

Properties



Write the css selector for the 3rd list item within an ordered list

li:nth-child(3) { // do something }



how to set multiple images in background through css

background-image: url(xyz.png), url(a2z.png);



What are the correct values for “float” property?

left, right, none



The elements after the floating element will…

flow around it



Which of the following is true for the max-width property?

The max-width property does not include padding, borders, or margins.



The box model consists of which of the following:

margins,borders, padding, and the actual content



Fonts such as Times New Roman which have spaces in between must be wrapped inside ______

Quotation Mark



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 1px 5px 20px;



Identify the value in the following rule: a:hover { text-decoration: none; }

none



What does the following declaration accomplish? div{background-color: rgba(255,255,255,0.8); }

It sets a white background with a transparency of 80% to the div element.



Which at-rule allows you to define custom fonts?

@font-face { }



What property is used with the :before and :after pseudo-elements to insert generated content?

content



Which of the following best describes the effect that a floated element has on surrounding elements?

The elements after the floating element will flow around it.



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



The possible values of white-space are

All are correct



Which of these is NOT a CSS pseudo-class?

a:blur



Which of the following color values is invalid?

They’re all valid.



Which version of CSS supports this tag :nth-child ?

CSS 3



What CSS selector selects all elements with a target attribute?

[target]



Which of the correct syntax css cursor code?

p { cursor: wait } h4 { cursor: help } h5 { cursor: crosshair }



What is NOT an advantage of using CSS files?

Ability to hide the CSS code from the user.



The Hex color #0000FF is equal to:

blue



What character is used before the pseudo-class property?

What character is used before the pseudo-class property?



What does the background-attachment property do?

It sets whether a background image should scroll with the content, or be fixed.



What does the following selector do: element[foo]

Matches any element with the foo attribute set.



Pseudo-classes are used to represent _______.

Dynamic Events



Which selector specifies that a list uses squares?

list-style-type: square;



Which of the following code samples could be used to style a link whose URL begins with “https://sales.“?

a[href^=’https://sales.’%5D { color: pink; }



Which of the following is true about the overflow property?

It specifies what happens if content overflows an element’s box.



What does “Cascading” in CSS refer to?

The hierarchy of rules which determines how element properties are inherited



What is the border-spacing property?

It sets the distance between the borders of adjacent cells (only for the “separated borders” model).



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



What CSS syntax can be used to hide an image without affecting the documents layout?

visibility: hidden



What would the following do?

tr:nth-child(2n){background-color: red; }

Changes the background color of every even number table row to red



Which colors are displayed using an equal amount of power to all of the light sources ?

gray



To ensure consistent behavior when the user resizes text, font-size should be declared in units of:

em



A CSS ________ is a keyword added to selectors that specifies a special state of the element to be selected.

pseudo-class



Which list-style-type property renders a filled circle?

disc



The Text spacing properties ar

All are correct



When using “position: absolute;” the reference point is the browser window UNLESS one of the parent elements contain one of the following…

position: relative



When styling links, a:active must come _____ a:hover.

after



What property defines whether background images scroll along with the element when the document is scrolled?

background-attachment



What is the name for a property that clears an area outside the border and is completely transparent?

margin



What does the following mean:

ul[id^=”name-here”]

target any <ul> with an ID that starts with ‘name-here’



All monospace characters have the same…

width



Which property allows you to increase or decrease the white space between words?

word-spacing



The transition-duration property’s initial value is 0, meaning that the transition is

instantaneous



In which position it will be calculated from the upper left corner of the parent layer?

position:absolute



What does the outline-offset property do?

Both of the other answers are correct.



Which of the following is invalid ?

.selector { background-image: content(“image.png”); }





Which properties allow specifying the formatting rules for the textual content on a Web page?

CSS text



Which type of border attribute can be used to have a unique look for each side of the border?

border-(direction)



Which types of the border style can looks as though it were embedded in the canvas?

inset



Which of the following properties is MOST likely to increase the amount of time it takes the browser to repaint?

box-shadow



Which of the following is NOT a common browser layout engine that determines CSS default styles?

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.

False



What is the default align for <tfoot>?

left



What is absolute positioning?

When an element is positioned relative to the first parent element that has a position other than static.



What has the greatest specificity?

#footer {background: white;}



Which properties of css can be provide the various division?

Layers



A user can only view the border after specifying the

All are correct



Which property is used to specify type faces ?

font-family



The ______________ property describes how the intermediate values used during a transition will be calculated

transition-timing-function



What is the cascading order (from lowest to highest priority) when there are multiple styles specified for an HTML element?

1) browser default, 2) external style sheet, 3) internal style sheet (in the head section), 4) inline style (inside an HTML element)



Which property is used to specify typefaces ?

font-family



If an element appears before a floated element that element will…

not be affected.



Which of these is not a valid generic font-family?

handwriting



Which value will continue to display the text on the same line,until the BR element is specified?

nowrap



What is the effect of using a negative number in a padding declaration? Example: p {padding-top: -10px;}

Same as padding-top: 0px;



What is the default value of position: ?

static



Which vertical-align value is not correct?

vertical-align: text-base



Which of the following is correct for specifying the print media type?

@media print { p.test {font-family:times,serif;font-size:10px;} }



Which one is not a correct value of clear property?

clear:all;



Which of the following is correct for the word-wrap Property?

p.test {word-wrap:break-word;}

In which position will be calculated from that exact spot in the middle of your page where it was added?

position:relative



In the following line;

H1 { color:blue }

What is the part within the curly braces?

Declaration



How can you keep the parent element from collapsing when all elements inside are being floated?

All of these



If the link to the external css is placed after the embedded css in the <head>…

the external styles will override the embedded styles.



Which aspect of CSS has some direct resemblance with the common regular expression syntax?

Attribute selectors



What is the specificity calculation for an ID in CSS?

100



What is the adjacent sibling selector?

+



Which value of display property is NOT valid?

display: inline-caption;



Which of the following is true about this style?



border-width: thin medium thick 3px;

The left border will have a thickness of 3px.





In CSS tables, the possible values for the caption-side property can have the following values.

top, bottom, left or right



Which of the following selectors is the MOST efficient?

#menu .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;}



Which part of the following selector does the browser parse first?



ul > li a[title=”home”]

a[title=”home”]



Which value preserves the white spaces as specified in the content?

pre



What does the CSS cue property do?

Specifies a sound to be played before and after the selected element



Describes how the speed during a transition will be calculated. Default “ease”

transition-timing-function



The value of letter-spacing property is

either normal or of length type



Which of the following is correct CSS syntex for using font property?

<p style=”font: italic bold 15px;”> ………………….. </p>



With regards to the cascade effect of CSS, when does the order of css style rules matter most?

When the rules are equal in specificity.



A Group of font families with a similar look

generic family



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

h2 + p { }



Which of the following is NOT valid.

visibility: none



Which of the following text-decoration styles is not correct?

text-decoration: strike-through



Which of the following declarations is incorrect?

table { display: table-column-grouped; }



Which of the following properties can be used to create multiple columns for laying out text – like in newspapers?

column-count



The css property border-style:dotted solid; would have the following effect:

Would specify different borders for different sides



What does the CSS speak-header property do?

Specifies whether table headers are spoken before every cell



What is the total width for this div :

div { width: 100px; margin: 5px; padding: 10px 5px 15px 5px; border: 5px solid #000; }

130px



What is the recommended order for styling an <a> tag?

a:link { } , a:visited { } , a:hover { } , a:active { }



Which of the following is a required box-shadow property?

h-shadow



The color names are defined in the HTML and CSS color specification (___ standard colors plus ____ more).

17,124



The _______________ property allows to specify the distance between the list and the text relating to the list.

marker-offset



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

fit



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

animation-iteration-count



Which is not a valid pseudo class?

:nth



In css border radius is not supported by Internet explorer version under

7



Which of the following is not a pseudo class?

first



Who published the original proposal for CSS

HÃ¥kon Wium Lie





Which of the following declarations is incorrect?

ul { list-style-type: roman; }



A final property is the visibility property that will allow you to create

invisible layers



Very interesting possibilities arise from the fact that the z-index can be dynamically changed with

javascript



To use inline styles you use the style attribute in the …………… tag

relevant tag



When can a semicolon be omitted?

Inline style setting in an HTML tag



position: absolute means…

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?

contain



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

image-orientation




















The head section



Which of the following elements takes up the full width available, and has a line break before and after it?

Block element

No comments:

Post a Comment

Alternative content