CSS3 Job Interview Questions

And Answers

Interview Questions Answers

https://interviewquestionsanswers.org/
About Interview Questions Answers

Interview Questions Answers . ORG is an interview preparation guide of thousands of Job

Interview Questions And Answers, Job Interviews are always stressful even for job seekers who have
gone on countless interviews. The best way to reduce the stress is to be prepared for your job
interview. Take the time to review the standard interview questions you will most likely be asked.
These interview questions and answers on CSS3 will help you strengthen your technical skills,
prepare for the interviews and quickly revise the concepts.

If you find any question or answer is incorrect or incomplete then you can submit your question or
answer directly with out any registration or login at our website. You just need to visit CSS3
Interview Questions And Answers to add your answer click on the Submit Your Answer links on the
website; with each question to post your answer, if you want to ask any question then you will have a
link Submit Your Question; that's will add your question in CSS3 category. To ensure quality, each
submission is checked by our team, before it becomes live. This CSS3 Interview preparation PDF was
generated at Saturday 6th February, 2021

You can follow us on FaceBook for latest Jobs, Updates and other interviews material.
www.facebook.com/InterviewQuestionsAnswers.Org

Follow us on Twitter for latest Jobs and interview preparation guides.

https://twitter.com/InterviewQA

If you need any further assistance or have queries regarding this document or its material or any of
other inquiry, please do not hesitate to contact us.

Best Of Luck.

Interview Questions Answers.ORG Team

https://InterviewQuestionsAnswers.ORG/
[email protected]
CSS3 Interview Questions And Answers
In
te

CSS3 Interview Questions And Answers Guide.

rv
ie
w
Q

Question - 1:
Explain What are the values that can be taken by property white-space of CSS3?
ue

Ans:
The five values that can be taken by property white-space of CSS3 are normal, pre, nowrap, pre-wrap and pre-line.
View All Answers
st

Question - 2:
io

Explain How flexibility is achieved more in CSS3?

Ans:
Flexibility achieved is in greater ratio in CSS3 because of the feature of handling multiple style sheets in CSS3 and because of the modularized approach of CSS3.
ns

View All Answers

Question - 3:
How is white-space property of CSS3 used?
A

Ans:
ns

Syntax for the usage of white-space Property of CSS3.

The general format of white-space Property of CSS3 is as follows:
white-space: nnormal | pre | nowrap | pre-wrap | pre-line
Let me know if you have any other query.
w

View All Answers

Question - 4:
er

What is the syntax of word wrap in CSS3?

Ans:
s.

The general syntax word-wrap property of CSS3 is as follows:

word-wrap: normal| break-word
The default initial value is normal in the above syntax.
O

View All Answers

R

Question - 5:
What is the syntax of opacity in CSS3?
G

Ans:
style="opacity:0.4;filter:alpha(opacity=40)"
Firefox uses the property opacity:x for transparency, while IE uses
filter:alpha (opacity=x).
View All Answers

Question - 6:
What is opacity in CSS3?
Ans:
Opacity is used to show or hide the html element For example 0 for hide and 1 for show
<p style="opacity: 0">Show Me</p>
<p style="opacity: 0.5">Show Me</p>
<p style="opacity: 1">Show Me</p>
View All Answers

Copyright © https://InterviewQuestionsAnswers.org Page 3/6

CSS3 Interview Questions And Answers

Question - 7:
What is the CSS3 animation?
Ans:
In

When the animation is created in the @keyframe, bind it to a selector, otherwise the animation will have no effect.
Bind the animation to a selector by specifying at least these two CSS3 animation properties:
* Specify the name of the animation
* Specify the duration of the animation
te

View All Answers

rv

Question - 8:
What is the word wrap/word wrapping in CSS3?
Ans:
ie

To Allow long words to be able to break and wrap onto the next line in css3 we used word-wrap property like below class
.wordwrappcds{word-wrap:break-word;}
w

View All Answers

Question - 9:
Q

What is the CSS3 The background size Property?

Ans:
ue

The background-size property specifies the size of the background image.

As we know Before CSS3, the background image size was find out by the real size of the image. In CSS3 it is possible to specify the size of the background image,
which allows you to re-use background images in different ways.
.pcdsbp1
st

{
background:url(background.gif);
-moz-background-size:80px 60px; /* Firefox 3.6 */
background-size:80px 60px; /* or we can do background-size:100% 100%;*/
io

background-repeat:no-repeat;
}
ns
View All Answers

Question - 10:
How to create Box Shadow and text Shadow using CSS3?
A

Ans:
Like below we can create Box Shadow using CSS3 .boxshadowpcds
{
ns

box-shadow: 10px 10px 5px #ccccc;

}
.textshadowpcds
{
w

text-shadow: 5px 5px 5px #FF0000;

} and then need to use these class boxshadownpcds ,textshadowpcds
View All Answers
er

Question - 11:
s.

How to create border using images by CSS3?

Ans:
O

By using border-image: property of css3 we can create a border using images like below
.roundpcds
{
R

border-image:url(borderpcds.png) 30 30 round;
-moz-border-image:url(borderpcds.png) 30 30 round; /* Firefox */
-webkit-border-image:url(borderpcds.png) 30 30 round; /* Safari and Chrome */
G

-o-border-image:url(borderpcds.png) 30 30 round; /* Opera */

}
.stretchPcds
{
-moz-border-image:url(borderpcds.png) 30 30 stretch; /* Firefox */
-webkit-border-image:url(borderpcds.png) 30 30 stretch; /* Safari and Chrome */
-o-border-image:url(borderpcds.png) 30 30 stretch; /* Opera */
border-image:url(borderpcds.png) 30 30 stretch;
}
View All Answers

Question - 12:
How to create Rounded Corners using css3?
Ans:
We have to creat a class like below
<style>
.roundc{
Copyright © https://InterviewQuestionsAnswers.org Page 4/6
CSS3 Interview Questions And Answers

border:2px solid #ff0000;

border-radius:25px;
background:#dddddd;
width:300px;
-moz-border-radius:25px; /* Firefox */
In

-webkit-border-radius:25px; /* Chrome and Safari */

-o-border-radius:25px; /* Opera */
}
te

</style>
and we have to add this class where we want the round corner like in below div
<div class="roundc" > this is the round corner by css3 </div>
rv

View All Answers

Question - 13:
ie

What new futures added in CSS3 for Borders and how Browser Support it?
Ans:
w

Following border futures added

* border-radius
* box-shadow
* border-image
Q

and all modern Browser Support it like below

Internet Explorer 9 supports border-radius and box-shadow
Firefox requires the prefix -moz- for border-image.
ue

Chrome and Safari requires the prefix -webkit- for border-image.

Opera requires the prefix -o- for border-image.
View All Answers
st

Question - 14:
List out CSS3 modules
io

Ans:
Below are the listed major modules
ns

* Selectors
* Box Model
* Backgrounds and Borders
* Text Effects
* 2D/3D Transformations
* Animations
A

* Multiple Column Layout

* User Interface
ns

View All Answers

Question - 15:
w

What is the difference between CSS and CSS3

Ans:
er

CSS3 is upgreaded version of CSS with new future like Selectors,Box Model, Backgrounds and Borders, Text Effects,2D/3D Transformations, Animations, Multiple
Column Layout,User Interface etc
View All Answers
s.
O
R
G

Copyright © https://InterviewQuestionsAnswers.org Page 5/6

World Wide Web Most Popular & Related Interview Guides

1 : HTML5 Interview Questions and Answers.

2 : Domain Name System (DNS) Interview Questions and Answers.

3 : JavaScript Interview Questions and Answers.

4 : Basic Internet Interview Questions and Answers.

5 : HTML Interview Questions and Answers.

6 : Cascading Style Sheet CSS Interview Questions and Answers.

7 : AJAX Interview Questions and Answers.

8 : Ecommerce Interview Questions and Answers.

9 : VBScript Interview Questions and Answers.

10 : JSON Interview Questions and Answers.

Follow us on FaceBook
www.facebook.com/InterviewQuestionsAnswers.Org

Follow us on Twitter
https://twitter.com/InterviewQA

For any inquiry please do not hesitate to contact us.

Interview Questions Answers.ORG Team

https://InterviewQuestionsAnswers.ORG/
[email protected]