Interview Questions → STYLESHEET → Stylesheet Questionnaire I

Stylesheet Questionnaire I

To hide an object there are 2 methods

Visibility : hidden and display : none

What is the difference between the two

• Visibility : hidden hides the object but it takes little space on that page.

• display : none hides the object but it does not take space on the page.

How to set div at the bottom of the page

<div style="bottom:0;position:absolute;">Test</div>

Is CSS case sensitive?

No

How can I place multiple blocks next to each other?

<div style="float: left; width: 45%;">
	Content Should Come Here
</div>
<div style="float: right; width: 45%;">
	Content Should Come Here
</div>

What is ID selector?

The ID selector is used to specify the style on a single, unique element.

Consider an example

<html>
<head runat="server">
    <title></title>
    <style type="text/css">
        #pStyle
        {
            color: Red;
        }
    </style>
</head>
<body>
    <p>
        Paragraph1
    </p>
    <p id="pStyle">
        Paragraph2
    </p>
</body>
</html>

In the example above style is applied to paragraph with the id 'pStyle'. But not on the paragraph without any ID.

What is grouping in css?

Style sheet allows you to group elements of same style.

For example if you have h1 and h2 elements with same style

h1
{
color:black;
font-family:verdana;
}
h2
{
color:black;
font-family:verdana;
}

To avoid repeating the styles, these elements can be grouped so that style sheet would be smaller and download quickly.

h1,h2
{
color:black;
font-family:verdana;
}

How to remove bullets from unordered list?

Consider a unordered list

<ul>
	<li>Option1</li>
	<li>Option2</li>
	<li>Option3</li>
	<li>Option4</li>
</ul>

<style type="text/css">        
  ul
  {
    list-style-type: none;
  }
</style>

Posted By -

Karan Gupta

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**