Get the pass key to learn SharePoint 2010 step by step in 3 hours videos for FREE | Planning for

Online real time technical chat - what do you think?

Home

Freshers

Coding Horror

Career Advice

Articles

Interviews

Videos

Forums

Codes

Blogs

Jobs

ASP.NET Training

Community

Microsoft MVP | Tutorials - ASP.NET, LightSwitch, more | Downloads | Quick Links | Top Posts | Top Performers | .NET Feeds | Bookmarks | Search | Register | Subscribe | Feedback

Online : 31736 | Welcome, Guest!

Login

Search

Home > Interview Questions > CSS Interview Questions

CSS Interview Questions and Answers (26)

Interview Experiences | Submit | .NET Interview FAQs | Exclusive Questions | Search | Home

Now you don't need go anywhere to get the best interview questions on Microsoft technology. We are trying to gather all real interview questions asked from MNCs and put them here. You can also assist us in doing so by submitting .net interview questions. These questions are generally different from certification questions however it may help you in that too. SpreadsheetGear Download Free Trial! Get FREE .NET Videos on

How to write conditional statement in CSS?

Posted by: Raja

Following is the example of conditional statement in CSS.

Advertisements

ha> <ed <tlye"etcs> syetp=tx/s" oy bd { clrbu oo:le } <sye /tl> <[fI] !iE7> <tlye"etcs> syetp=tx/s" bd oy{ bcgonoo:e akrudclrrd } <sye /tl> <[ni] !edf> /ed <ha>

If this code will run in IE7 browser, the background color of the page will be red, for other browser it will be default color (white).

How to write styles for all html elements of the same type?
Posted by: Raja

Posted by: Raja

If we want to maintain uniformity in the look and feel of all same type of elements on the page, we can write CSS class with the element name.eg. If we want to change the look and feel of all table and h1 element on the page, we can write like this.

tbe al { fnie1p otsz:0t

fnaiyra otfml:Ail } h 1 { fnie1p otsz:4t pdiglf:p adnet5x mri:p agn0x clr#9BB oo:04B }

The first class "table" will apply to all the tables on the page and second class "h1" will apply to all the h1 element of the page.
Top Interview Leaders

Note that the name of the class is not prefixed with the . (dot) as it happens with normal css class name.

What are the possible values of the "Position" attributes?

Tue, 18-Oct-2011 Authors All Time Authors
Posted by: Raja

The possible value of the "Position" attributes are absolute fixed inherit relative static By default, relative value is considered.

11640

4360

1640

Latest members | More ...

(Statistics delayed by 5 minutes)

How to display a link without underline and display underline when mouseover on the link using CSS?
Posted by: Raja

Write following css class.

a { txeoainnn etdcrto:oe }

ahvr :oe { txeoainudrie etdcrto:neln }

The first class will force all anchor tag (link)to not display any docoration (underline) and second class will force all anchor tag (link) to display text decoration as underline when mouse over it (ie. display underline when mouse over).

How to float the image left side and let the page content fill right side and bottom in CSS?
Posted by: Raja

Wrap the div element with fload:left style.

<itl=fotet> dvsye"la:lf" <mr=fdfgf>orcnetoshr. igsc"sa.i"/Yuotnsgeee <dv /i>

style. How to line break in CSS?

Posted by: Raja

To reverse, ie float the image in the right side and let the content fill the space at the left and further down, specify float:right

Use display:block style with span.

<pnsye"ipa:lc> satl=dslybok"/

How to page break after an html element in CSS?

Posted by: Raja

Use following code snippet

<tl=pgrafe:awy"Paeyuet/> psye"aebekatrlas>lcortx<p

After above code, the rest content will appear in the next page. (It will not be visible as next page in browser but on the printer and in Print Preview, you will see them as next page)

Use 50% Less Storage, Guaranteed w/ NetApp. Calculate Your Savings Now!
www.NetApp.com/in

Data Savings

State some limitations of style sheets?

Posted by: Neeks

Style sheets do have its own share of limitations some of them are as follows: 1) Inconsistent browser support 2) Vertical control limitations 3) Margin collapsing, float containment, control of element shapes, etc 4) Lack of column declaration and variables are some of the limitations present in CSS.

How do I center block-elements with CSS1?

Posted by: Baisakhigh

There are two ways of centering block level elements: 1. By setting the properties margin-left and margin-right to auto and width to some explicit value: BODY {width: 30em; background: cyan;} P {width: 22em; margin-left: auto; margin-right: auto} In this case, the left and right margins will each be four ems wide, since they equally split up the eight ems left over from (30em 22em). Note that it was not necessary to set an explicit width for the BODY element; it was done here to keep the math clean. Another example: TABLE {margin-left: auto; margin-right: auto; width: 400px;} In most legacy browsers, a table's width is by default determined by its content. In CSS-conformant browsers, the complete width of any element (including tables) defaults to the full width of its parent element's content area. As browser become more conformant, authors will need to be aware of the potential impact on their designs.

What does CSS stand for?

Posted by: Syedshakeer

NOTE: This is objective type question, Please click question title for correct answer.

Explain inline, embedded and external style sheets .

Posted by: Chikul

There are three ways of inserting a style sheet: 1. External style sheet 2. Internal style sheet 3. Inline style External Style Sheet : An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section:

Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section: <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> Internal Style Sheet : An internal style sheet should be used when a single document has a unique style. Internal styles sheet needs to put in the head section of an HTML page, by using the <style> tag, like this: <head> <style type="text/css"> hr {color:sienna} p {margin-left:20px} body {background-image:url("images/back40.gif")} </style> </head> Inline Styles : If only a small piece of code has to be styled then inline style sheets can be used. An inline style loses many of the advantages of style sheets by mixing content with presentation. To use inline styles you use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example shows how to change the color and the left margin of a paragraph: <p style="color:sienna;margin-left:20px">This is a paragraph.</p>

What are the values of "Position" attribute in CSS?

Posted by: Virendradugar

Possible values are static, relative, absolute, fixed, inherit

What is the default value of "position" attribute in css?

Posted by: Virendradugar

Default value is "static".

display and visibility properties are used to hide and show elements in any page. Then how they are different from each other?
Posted by: Virendradugar

As said Both the properties are used to hide and show elements but they are different in the way they both work. visibility property, set to hidden will still occupy the space in the layout but display:none does not take up the space in the page.

Can you specify more than one css class for any HTML element?
Posted by: Virendradugar

Yes, you can. Just provide a space between both the class names. like..

<ils=casls2> dvcas"ls1cas" <dv /i>

Found this useful, bookmark this page link to the blog or social networking websites. Navigate to Page: 1 | 2 |

More Exclusive CSS Interview Questions and Answers here

Categories
.NET Framework Interview Questions Aptitude Test Interview Questions C# Interview Questions HR Interview Questions IIS Interview Questions LINQ Interview Questions Others Interview Questions Project Management Interview Questions Silverlight Interview Questions VB.NET Interview Questions WWF Interview Questions ADO.NET Interview Questions ASP.NET Interview Questions CSS Interview Questions HTML 5 Interview Questions JavaScript Interview Questions Networking Interview Questions Pattern and Practices Interview Questions Remoting, Web Services, XML, XSLT Interview Questions Software Testing - Quality Assurance Interview Questions WCF Interview Questions AJAX Interview Questions BizTalk Server Interview Questions F# Interview Questions HTML, DHTML Interview Questions jQuery Interview Questions OOPS Interview Questions PowerShell Interview Questions SharePoint Interview Questions SQL Server Interview Questions WPF Interview Questions

Found interesting? Add this to: 0

Share 0

More | Bookmark It

About Us | Contact Us | The Team | Advertise | Software Development | Write for us | Testimonials | Privacy Policy | Terms of Use | Link Exchange | Members | Go Top General Notice: If you found plagiarised (copied) contents on this page, please let us know the original source along with your correct email id (to communicate) for further action.
Copyright DotNetFunda.Com. All Rights Reserved. Copying or mimicking the site design and layout is prohibited. Logos, company names used here if any are only for reference purposes and they may be respective owner's right or trademarks. | 10/18/2011 8:21:26 AM