css

Question 1

declare that a page is using an external style sheet using html

Question 2

what is one difference in using @import vs a css style in regards to browsers

Answer 2

some browsers will hide @import from user in source

Question 3

when using css and @import, where does the @import need to be located

Answer 3

at the top, preceeding other elements

Question 4

in regards to @import, what is one disadvantage in regards to performance

Answer 4

each @import must call back to the server

Question 5

in css what does a universal selector accomplish

Answer 5

selects every element on a page

Question 6

how do you use a universal selector in css

Answer 6

*{ }

Question 7

browsers have a user agent style sheet that accomplishes what

Answer 7

sets a default style to elements on a page, i.e. padding, margin etc.

Question 8

the universal selector trumps inheritance in css t, or f

Answer 8

true

Question 9

in css what does a type selector accomplish

Answer 9

selects a page element i.e. h1, p, etc

Question 10

in css define a type selector

Answer 10

elementname { style properties }

Question 11

in css define a descendent selector

Answer 11

selector1 selector2 { style properties }

Question 12

in css define an element with two classes

Answer 12

div class=”class1 class2”

Question 13

in css define a descendent selector with the first element being a class

Answer 13

.class1 selector1

Question 14

in css which has more weight in importance, class or id

Answer 14

id

Question 15

in an external css style sheet, define a style for two classes

Answer 15

.class1, .class2 {
style
}

Question 16

in css what symbol defines a child combinator

Answer 16

>

Question 17

in css define a child combinator

Answer 17

an element directly nested within an element

Question 18

in css what symbol defines an adjacent sibling combinator

Answer 18

+

Question 19

in css define an adjacent sibling combinator

Answer 19

an element immediately following an element`

Question 20

in css what symbol defines every a general sibling combinator

Answer 20

~

Question 21

in css define a general sibling combinator

Answer 21

every sibling element of given element

Question 22

in css attribute selectors are decorated with what symbol

Answer 22

[ ] sq brackets

Question 23

in css select an element with a class of a specific name

Answer 23

a[class=”classname”]

Question 24

in css select an element with a text attribute

Answer 24

input[type=”text”]

Question 25

in css declare a pseudoclass selector

Answer 25

a:link, a:hover

Question 26

in css apply an active pseudo class to all active elements

Answer 26

:active{ }

Question 27

in css, this structural pseudo class selects the first child

Answer 27

:first-child

Question 28

in css, this structural pseudo class selects the last child

Answer 28

:last-child

Question 29

in css, this structural pseudo class selects the only child

Answer 29

:only-child

Question 30

In css, the only-child structural pseudo class accomplishes what

Answer 30

It will only apply a style to elements that are the ONLY child of a given element, and ignore those with multiple children

Question 31

declare a begins-with selector

Answer 31

[att^=”val”]

Question 32

declare a ends with selector

Answer 32

[att$=”val”]

Question 33

declare a contains selector

Answer 33

[att*=”val”]

Question 34

In CSS, how can you set the line spacing for text?

Answer 34

line-height:2;

Question 35

in css, select every odd element

Answer 35

:nth-child(odd)/even

Question 36

in css define the :nth-element(an+b) syntax

Answer 36

b=element to start, a=every ath element (i.e. 3= every third)

Question 37

Which color will be applied, red or blue

<p></p>

p.title{ … } p.summer{color:red} p.newproduct{color:blue}

Answer 37

blue

Question 38

in css static positioning does what

Answer 38

ignores top,left,bottom,right positioning and z index. sets it to default way a browser renders objects: box

Question 39

in css absolute positioning does what

Answer 39

positions an element with w/e offsets WITHIN its parent eolement (so by default top left of parent)– if no parent, the browser viewport is parent

Question 40

in css relative positioning does what

Answer 40

positions an element without influencing position of other elements using top left bottom etc (it is offset relative to original positioning, thus the following element uses the position of this element’s non-offset positioning to position itself

Question 41

in css positioning fixed does what

Answer 41

always stays in place, i.e. a banner when scrolling down stays attatched to the top

Question 42

in css what is the default positioning

Answer 42

static

Question 43

in css, the absolute positioning will always be relative to what

Answer 43

the first object with non-static positioning

Question 44

in css, when using relative positiioning and a left and right offset, which side is typically ignored

Answer 44

the right

Question 45

in css how can you horizontally align divs

Answer 45

float:left

Question 46

in css how can you use two background images and place them accordingly

Answer 46

background-image: url(clouds.png), url(background.png);

background-position: top center, bottom center;