Techalert

<div dir="ltr" style="text-align: left;" trbidi="on">
Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. While most often used to change the style of web pages and user interfaces written in HTML and XHTML, 
 
Before you continue you should have a basic understanding of the following: 
<ul>
<li>HTML / XHTML</li>
</ul>
What is CSS? 
<ul>
<li>CSS stands for Cascading Style Sheets</li>
<li>Styles define how to display HTML elements</li>
<li>Styles were added to HTML 4.0 to solve a problem</li>
<li>External Style Sheets can save a lot of work</li>
<li>External Style Sheets are stored in CSS files</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJUcGuip1wg_px3QGpsY1M3oSf5uLHLoR0btJcv3sbMdiyCphI0kU1RPxHHMVYBP1a7Fz2cKxh4OYOexY1FpuxwMDAuL7MHWJxLxWHPf5IId9G_aGRMqh89P57Otp741yhNiYar3jVQ/s1600/css-interview.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="css interview qa" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJUcGuip1wg_px3QGpsY1M3oSf5uLHLoR0btJcv3sbMdiyCphI0kU1RPxHHMVYBP1a7Fz2cKxh4OYOexY1FpuxwMDAuL7MHWJxLxWHPf5IId9G_aGRMqh89P57Otp741yhNiYar3jVQ/s1600/css-interview.jpg" title="css interview qa" width="550" /></a></div>
 List of Top 25 CSS Interview Questions and Answers for freshers and experienced are below: 
 
1. What are cascading style sheets? 
Cascading style sheets help the designer in various ways. It primarily helps to design style sheets for content and HTML pages. It can be applied to any XML document or mark up language. 
 
2. Explain about some of the features of CSS. 
Some of the features used by CSS are to define a layout, colors, fonts, etc. It separates the content from the design part which makes the content much more visible thereby improving productivity of the entire process. It can make the same page appear in different formats. 
 
3. Explain about the rules present in style sheets. 
A huge list of rules is defined for style sheets. Each rule consists of selectors and declaration block. A declaration block consists of declarations which can be defined and separated by using a semicolon within curly braces. Also each declaration consists of a colon, a property and a semicolon. 
 
4. Explain about the hover element. 
A hover element is activated when the user moves a pointer over the area where HTML coding is defined. This style is being extensively used for online advertising. It is appended to #elementid:hover. 
 
5. State some of the uses of CSS. 
CSS offers many possibilities to a designer and developer. Some of them are 
Moving of the entire style sheet coding to a separate external folder. 
Repetition and code reuse features make CSS rich. 
Presentation and structure are made different by CSS etc. 
 
<div style="text-align: center;">
Also Read: <a href="http://itechaleart.blogspot.com/2014/04/top-50-common-interview-qa.html" style="color: #999999; text-decoration: none;">Top 50 Common Job Interview Questions and answers</a></div>
 
6. State the different type of author styles. 
A web page author, developer, designer, etc can describe styles in three different forms they are 
External style sheets 
Embedded style 
Inline styles 
Local and default style sheet. 
 
A default style sheet consists of the style imparted by the browser which the user is accessing for the information. 
 
7. What are the main goals of applying style sheets? 
The main use of style sheet is to give the user a greater degree of control over his presentation. If the user does not like a certain font he can change it with flexibility without any difficulty. 
 
Also a developer can minimize the effects which a browser can have on the application or the text part of the webpage. 
 
Control over the entire web page without any external influences, separation of the page from the HTML code part. 
 
 
8. Explain about CSS1. 
W3C recommended adoption of CSS1in 1996. Some of the capabilities and features present in CSS1 are as follows. 
<div>
 
Font properties 
Background colors, text colors, etc 
Spacing between text, words, etc 
Tables, images alignment 
Border, margin, padding and positioning of elements 
Attributes are uniquely identified and classified generically. 
 
W3C still adopts the specifications put forwarded in CSS1. 
 
9. What are the additional features which were present in CSS2 compared to CSS1? 
Many of the new features were present in CSS2 some of them are as follows. 
Positioning of elements will be according to the relative, fixed and the absolute positioning. 
Inclusion of large number of media functions. 
Shadows, bidirectional support for text and aural style sheets. 
 
10. Explain about CSS filter. 
CSS filter solves designers and coders difficulties. With the help of these filters one can write entirely different code or modify the existing design patterns so that browsers receive CSS specifications which they support, thereby not allowing the browsers to make or create any unnecessary changes. 
 
<div style="text-align: center;">
Also Read: <a href="http://itechaleart.blogspot.com/2013/05/top-50-html-interview-questions.html" style="color: #999999; text-decoration: none;">Top 50 HTML Interview Questions and Answers</a></div>
<div>
 </div>
11. Explain about Internet explorer box model bug. 
Designers had a very tough time dealing with this bug, because it will not display box widths appropriately on the webpage. It displayed the block to be narrow in size. This bug can be rectified by using CSS filter and hacks. Also correct usage and documentation of XHTML can solve the problems. 
 
12. Explain about vertical control limitation. 
Vertical control limitations are always a nightmare for a designer. Horizontal positioning of text or element is always easy but vertically positioning an element always leads to convoluted and impossible tasks. CSS has unsupported rules for vertical placement of elements. 
 
13. Explain about absence of expressions. 
CSS currently does not have the ability to specify property values as simple expressions. For example if you want to calculate the size of all the columns but you have a restriction on the sum of all columns. This problem has been solved by many browsers by proprietary expressions which did the job well. 
 
14. Explain about lack of orthogonality. 
Lack of orthogonality explains about the various multiple jobs which are either undefined correctly for a specific application or used multiple times for the same job. CSS defines that internal elements of a table will not have margins so usage of border spacing is appropriate which leads to confusion. 
 
15. Explain about the ease of maintenance with CSS. 
An effective style sheet has effective use of inheritance and cascading style sheets. When changes are applied to a single element of this global style sheet every element of the web page changes. This made the maintenance easy because here we can change the style of the whole page by effecting a change to a single element. 
 
<div style="text-align: center;">
Also Read: <a href="http://itechaleart.blogspot.com/2014/06/javascript-interview-qa.html" style="color: #999999; text-decoration: none;">Top JavaScript Interview Questions and Answers</a></div>
 
16. Explain about float containment. 
CSS does not support float elements as it can cause overflow of the elements. Floats also tend to vary according to the web browser resolution and size but positions do not. There are some multiple properties which can define about float but they have their own limitations. 
 
 
17. State some limitations of style sheets. 
Style sheets do have its own share of limitations some of them are as follows:- 
Inconsistent browser support 
Vertical control limitations 
Margin collapsing, float containment, control of element shapes, etc 
Lack of column declaration and variables are some of the limitations present in CSS. 
 
18. What are CSS frameworks? 
It is a pre-planned libraries, which allows easier and more standards-compliant webpage styling, using CSS language. 
 
 
19. In how many ways can a CSS be integrated as a web page? 
CSS can be integrated in three ways: 
Inline: Style attribute can be used to have CSS applied HTML elements. 
Embedded: The Head element can have a Style element within which the code can be placed. 
Linked/ Imported: CSS can be placed in an external file and linked via link element. 
 
20. What benefits and demerits do External Style Sheets have? 
Benefits: 
One file can be used to control multiple documents having different styles. 
Multiple HTML elements can have many documents, which can have classes. 
To group styles in composite situations, methods as selector and grouping are used. 
 
Demerits: 
Extra download is needed to import documents having style information. 
To render the document, the external style sheet should be loaded. 
Not practical for small style definitions. 
 
<div style="text-align: center;">
Also Read: <a href="http://itechaleart.blogspot.com/2014/06/top-25-qa-interview-qa.html" style="color: #999999; text-decoration: none;">Top 25 QA Interview Questions and Answers</a></div>
 
21. Discuss the merits and demerits of Embedded Style Sheets? 
Merits: 
Multiple tag types can be created in a single document. 
Styles, in complex situations, can be applied by using Selector and Grouping methods. 
Extra download is unnecessary. 
 
Demerits: 
Multiple documents cannot be controlled. 
 
22. What does CSS selector mean? 
A string equivalent of HTML elements by which declarations or a set of it, is declared and is a link that can be referred for linking HTML and Style sheet is CSS selector. 
 
 
23. Enlist the media types CSS allows? 
The design and customization of documents are rendered by media. By applying media control over the external style sheets, they can be retrieved and used by loading it from the network. 
 
 
24. Differentiate logical tags from physical tags? 
While physical tags are also referred to as presentational mark-up, logical tags are useless for appearances. Physical tags are newer versions while logical tags are old and concentrate on content. 
 
 
25. Differentiate Style Sheet concept from HTML? 
While HTML provides easy structure method, it lacks styling, unlike Style sheets. Moreover, style sheets have better browser capabilities and formatting options.</div>
</div>

Top 25 CSS Interview Questions with Answers

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup langua...

<div dir="ltr" style="text-align: left;" trbidi="on">
The use of cascading style sheets is a great way to spice up any blog or website that you’re designing and operating. It allows you to easily control and customize various components of your blog or site’s design, layout, and function. 
 
<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp7K76X6CYldZZJisCWh0VEosCu6N4fxk0vMKl2iYJlICB25nXNC854Yc1siFJpQhdkIfIIlHJwG06whgiPL0_qWce44hBg8fMvTdquHyxMFrlUvKv5oQvUELlmnuQCUQIgmVFMAtbTQ/s1600/CSS3-animation.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Learn CSS" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp7K76X6CYldZZJisCWh0VEosCu6N4fxk0vMKl2iYJlICB25nXNC854Yc1siFJpQhdkIfIIlHJwG06whgiPL0_qWce44hBg8fMvTdquHyxMFrlUvKv5oQvUELlmnuQCUQIgmVFMAtbTQ/s1600/CSS3-animation.jpg" title="Learn CSS" width="550" /></a></div>
 
Because of this, you’ll want to keep up with CSS3 trends, tips, and other methods. Read everything you can to learn CSS3. If you’re interested in learning more, then you should definitely consider checking out these sites. 
<div>
 </div>
<div>
Best Websites to learn about CSS3 are below: 
 
1. <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets#CSS_3">Wikipedia</a> : Don’t laugh! This page is actually a very good, but passive, introduction to CSS3. It provides context for understanding how CSS3 came about and an overview of its uses. Take a quick look at this page before going on to any tutorials just to orient yourself. 
 
2. <a href="http://www.webmonkey.com/2010/02/get_started_with_css_3/">Web Monkey’s CSS3 Tutorial</a> : Web Monkey’s administrators have put together a pretty useful tutorial that could help you learn the basics about CSS3. It’s provides an overview of some CSS3 features supported by browsers and helps you get started with CSS3 on your own. 
 
3. <a href="http://designshack.co.uk/articles/introduction-to-css3-part-1-what-is-it">Design Shack’s Introduction to CSS3</a> : The folks at Design Shack, a great UK-based web design site, have written a five-part series that introduces those new to CSS3 to its concepts, including how to created borders, text effects, user interfaces, and so on. The introduction is easy to use and navigate. 
 
4. <a href="http://net.tutsplus.com/tutorials/html-css-techniques/5-techniques-to-acquaint-you-with-css-3/">Acquaint Yourself with CSS3 via NETTUTS</a> : NETTUTS has put together a quick tutorial that will help you learn five aspects of CSS3. After teaching you about the markup in CSS3, NETTUTS shows you how to create rounded corners, different levels of opacity, dropshadows, resized boxes, and a few other things. The tutorial is very short, but is good for getting you acquainted with basic CSS3 methods. 
 
5. <a href="http://www.smashingmagazine.com/2009/01/08/push-your-web-design-into-the-future-with-css3/">Smashing Magazine’s Intro to CSS3</a> : This is another basic introduction to CSS3 methods. The editors of Smashing Magazine walk you through how to create borders, adjust transparency, and use custom fonts. They also have a list of downsides to CSS3 that you can look at so that you can understand some of its weaknesses. 
 
6. <a href="http://mattwilcox.net/archive/entry/id/1031/">Matt Wilcox on some CSS3 Problems</a> : To continue learning about the downsides that Smashing Magazine lists, you should read this post by Matt Wilcox. In it, he gives a great history of CSS3 and how some problems worked their way into its development. He also offers some ideas for getting around these problems. 
 
7. <a href="http://www.css3.info/">CSS3.info</a> : CSS3.info is a great resource for all things related to CSS3. The site is comprehensive in nature; it offers news regarding recent CSS3 developments, a CSS3 tutorial and preview section, and a community portal. This is a must-add to your feed reader if you’re at all interested in keeping up with CSS3 news. 
 
8. <a href="http://sixrevisions.com/interviews/six-questions-eric-meyer-on-css3/">Interview with Eric Meyer via Six Revisions</a> : The web design information blog Six Revisions has posted a helpful and informative interview with web design expert and self-proclaimed ‘code nerd’ Eric Meyer regarding CSS3. Meyer discusses developments of CSS3, modularizations, and resources, among other things. 
 
9. <a href="http://xhtml.com/en/css/conversation-with-css-3-team/">XHTML.com Interview with CSS3 Team</a> : Here is another great interview, this one with Bert Bois, a developer with a hand in putting together CSS3. The interview covers a history of how CSS3 was developed, including some problems with its development, as well as some tips for Web authors for using CSS3. 
 
10. <a href="http://www.w3.org/Style/CSS/">W3.org CSS Home</a> : W3C, the group developing CSS3, has a site devoted to CSS3 developments, news, and tutorials that you should check out if you’d like to follow the work they do. They have a blog that shows you what exactly they have done recently in their work on CSS3. 
<div>
 </div>
Hope this article useful for you. Are you favorite tools or website not in the list? Feel free to mention it in comments below.</div>
</div>

Best Websites to Learn CSS3 Online for Free - Beginner & Advanced

The use of cascading style sheets is a great way to spice up any blog or website that you’re designing and operating. It allows you to easi...