Scribd
Upload
10 views16 pages

Cssuuuuu

Css personal pdf

Uploaded by

Gaurav Bhoyar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views16 pages

Cssuuuuu

Css personal pdf

Uploaded by

Gaurav Bhoyar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 16

<head>

2093 - Designing and <style>


styling web pages span[align=="right"]{
using advanced CSS3 color:blue;
- Assessment }

·---
</style>
</head>
<body>
Welcome to <span align ="right">Infosys</span>
</body>

--
</html>

What wi ll be the result of the above code?

--
--
Q
0
"Welcome to INFOSYS" with INFOSYS in blue color

"Welcome to" and all text will be in black color as align is not a valid attribute of span

--
--
~
0
"Welcome to INFOSYS" and INFOSYS will be in black color as styling will not be applied for invalid span attrieUt~

"Welcome to INFOSYS" and INFOSYS will start from new line and will be in blue color

Reset -
00 ; 49 ; 58
Hour A "'~e-; ~,.~ ,j-;,
- - __..../

( hl',Hl >

,oq 1 . Uc•.,lgnln g c1nd <'ti yl r•>

•,tyll11g w1•b p.ig<''i -.p,1n [ ,1Jlw1 "dghl"){


11•,11 'I', .idv, uH t>cl c<:,c;3 lO)or·:blu r•;

/V,t, l~'..>~ In~n t


(/!;Ly IP>

-••· </head>
<body>
we l come to <span align="ri ght">Info sys</span >
</body >
</html >

••
••
Wh at w ill be t he resu lt of the above co d e?

Q "Welcome to INFOSYS " with INFOSYS in blue color

•• 0 o~ soan
''Welcome to" and all text will be in black color as align is not a valid attribute
nva ·d spa an
~ "Welcome to INFOSYS" and INFOSYS will be in black color as styling will not be ap:J ·ed for

••
••
Q "Welcome to INFOSYS" and INFOSYS will start from new line and will be in blue

Reset -
co or
00 : 49 : 34
Hours Minutes Seconds

OBJECTIVE QUESTtONS

<head>
2093 - Designing and
<style>
styling web pages
span[xyz="te~t" ]{
using advanced CSS3
color:blue
- Assessment

••
••
</style>
</head>
<body>
<p>Welcome to <span xyz="text"> INFOSYS </span></p>
</body>

••
</html>

••
•• ~
Q
"Welcome to INFOSYS" and INFOSYS will be in black color as styling will not apply because 'xyz· is not a val d attr"bute
"Welcome to INFOSYS" and INFOSYS will be in blue color
of~

••
••
Q
Q
"Welcome to "
No output

Reset -
00 : 45 : 16
Hours Minutes Seconds

OBJECTIVE QUESTI ONS

2093 - Designing and Question 5


styling web pages
using advanced CSS3
- Assessment Choose the correct statements from the below, regarding id and class attribute ?

eo 1. Id attributes should have unique value across the HTML page

2. Class attributes should have unique value across the HTML page

•• 0

-·
Both are false

0 Both are true

••
••
0
@
Only 2 is true

Only 1 is true

Reset . .

••
••
00 : 44 : 25
Hours Minutes Seconds

OBJECTIVE QUESTlONS

2093 - Designing and


styling web pages Question 6
using advanced CSS3
- Assessment What is the standard syntax for animation in C553?

oe 0 keyframes example

0 0 0 @keyframes example

~ @keyframes

-·
--
--
--
--
00 : 43 : 34
Hours Minutes Seconds

OBJECTIVE QUESTIONS

<style>
2093 - Designing and
div{
styling web pages
using advanced CSS3 backgrou~d•color: blue;
- Assessment animation: change 4s;
}

00 @keyframes change {
from { background-color: red;}

ee
to{ background-color: yellow:}
}
</style>

ee Developer wants to add play the animation after 2 second when the page is loaded,

What css property should he write?

--
-- @
Q
"animation-detey:2s" in div block

"animation-lag:2s" in div block

-- Q
Q
"animation-delay:2s" in @keyframe change

--
"animation-lag:2s" in @keyframe change

Reset
00 : 40 : 32
Hours Minutes Seconds

OBJECTIVE QUESTIONS

input[type=span]:required{
2093 - Designing and background: yellow;
styling web pages border bottom: lpx solid black;
using advanced CSS3 }
- Assessment

••
</style>
</head>
<body>

••
<input type="span" required placeholder="span ">
<br>
<input type="input" required placeholder="text">

••
</body>
</html>

•o•• Q styling will be applied to input type "span" only.

••
@ styling will not be applied to any of input field as type span and input are the tags already.

Q styling will be applied to input type "input" only.

•• 0 styling will be applied to both input type as both are required fields.
00 : 38 : 13
Hours Minutes Seconds

OBJECTIVE QUESTIONS

2093 - Designing and


styling web pages Question 10
using advanced CSS3
- Assessment Which of the following css property can be used to define a delay before an animation starts?

••
•••• @
0
0
transform-delay

delay-function

delay-animation

0 delay-animation

•• Reset . .

·••-
••
00 : 36 : 17
flour_, Mmute<5 Seconds

Tl S

</c..tyle>
2093 - Des1gnmg and </hedd>
styhng \~eb pages <body>
usmg advanced CSS3 <div rla ~ container">
- Assessment ,h~ader)header</h eader>
<div>
<span>a</span>
<span>b</span>
<span>c</span>
</div>
<footer> footer</footer>
</div>
</body>
</html>

0 header abc footer

Qh
Q fo Uc head r

@ f b h d r
00 : 34 : 08
Hours Minutes Seconds

OBJECTIVE QUESTIONS

2093 - Designing and


Question 12
styling web pages
using advanced CSS3
- Assessment Identify the correct order (top to bottom) of declaring link related pseudo-classes for the classes to be e

••
••••
0
0
a:link, a:visited, a:active and a:hover

a:active, a:hover, a:visited and a:link

~ a:link, a:visited, a:hover and a:active


0 a:hover, a:active, a:visited and a:link

•••• Reset . .

·••-
00 : 33: 26
Hours Minutes Seconds

OBJECTIVE QUESTIONS

- Assessment

Select the correct way of defining a variable in sass.

0 #base-color: #c6538c;

0 %base-color: #c6538c;

0 &base-color: #c6538c;

~ $base-color: #c6538c;

Reset -

._.,.
00 : 28 : 10
Hours Minutes Seconds

OBJECTIVE QUESTIONS

- Assessment

e Question 14

"not" will negate the _ _ _ _ _ _ _ _ media query/queries when it is applied to a comma se

0 0 to which particular query it has been applied

•• 0 Entire

•• 0
@
Only First

Only selected

•• 0 Particular

•• Reset . .

·••-
\e•~
00 : 27 : 23
Hours Minutes Seconds
j
OBJECTIVE QUESTIONS

- Assessment

••
<html>
<head>
<style>

••••
div{ color: red; }
</style>
</head>
<body>
<div> Mysore </div>

••••
<div> Bangalore </div>
</body>
</html>
~
Which div(s) will be styled by the styles embedded in the markup?

••
•• @
Q
Q
Both the divs are styled

Only the first div le; ,;tyled

it:
Only the second div is styled

Q Neither the first div nor the second div .ire styled
00 : 24: 02
Hours Minutes Seconds

OBJECTIVE QUESTIONS

- Assessment

•• Question 16

••
Which of the following is a part of accessibility?

•• 0 White Background

••••
~ Navigation Shortcuts

0 Contrast Ratio

Q Small Font Size

••
••
Reset . .

·---
00: 22 : 52
Hours Minutes Seconds

OBJECTIVE QUESTIONS

•• Question 17

••
Which are the logical operators used to compose media querres?

••
••
Q
0
AND, OR, NOT

&&,\\,!

~ and, only, not

•• 0 and, or

-·
••
Reset ..

••
------

You might also like