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

The five values that can be taken by property white-space of CSS3 are normal, pre, nowrap, pre-wrap and pre-line.

2. Explain How flexibility is achieved more in CSS3?

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.

3. How is white-space property of CSS3 used?

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.

4. What is the syntax of word wrap in CSS3?

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.

5. What is the syntax of opacity in CSS3?

style="opacity:0.4;filter:alpha(opacity=40)"

Firefox uses the property opacity:x for transparency, while IE uses
filter:alpha (opacity=x).

6. What is opacity in CSS3?

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>

7. What is the CSS3 animation?

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

8. What is the word wrap/word wrapping in CSS3?

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;}

9. What is the CSS3 The background size Property?

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
{
background:url(background.gif);
-moz-background-size:80px 60px; /* Firefox 3.6 */
background-size:80px 60px; /* or we can do background-size:100% 100%;*/
background-repeat:no-repeat;
}

10. How to create Box Shadow and text Shadow using CSS3?

Like below we can create Box Shadow using CSS3 .boxshadowpcds
{
box-shadow: 10px 10px 5px #ccccc;
}
.textshadowpcds
{
text-shadow: 5px 5px 5px #FF0000;
} and then need to use these class boxshadownpcds ,textshadowpcds

Download Interview PDF