CSS Interview Questions
How to draw a horizontal row below a text in CSS.
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 94 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 88 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 83 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 83 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 84 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 80 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 93 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 82 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Warning: preg_replace() [function.preg-replace]: Compilation failed: unmatched parentheses at offset 87 in /home/geekint/public_html/api/lib/geshi/geshi.php on line 2319
Display:none and visibility: hidden
What is the difference between display:none and visibility: hidden?
Visibility:hidden keep the placeholder in the page, Display:none does not keep.
Display:none and Visibility:hidden both are hide the content from web page,
What is the syntax of text-wrap property of CSS3?
Allow long words to be able to break and wrap onto the next line:
p.test {word-wrap:break-word;}
The property to wrap text is
text-align:justify;
What are the types of CSS rules?
There are 3 types of CSS rules:
1>Inline mechanism
2>Internal mechanism
3>External mechanism
There are three type of css rules.
1. External Stylesheet
2. Embedded style
3. Inline Style
What is the main difference between CSS2 and CSS3.
The biggest difference between CSS2 and CSS3 is that CSS3 has been split up into different sections, called modules. Each of these modules is making it's way through the W3C in various stages of the recommendation process.
CSS 3 supports multiple backgrounds, but in CSS2 you cannot.
How is more than one declaration attached to a selector?
selector {
property1 : value1;
property2 : value2;
property3 : value3;
)
Syntax:
Selector {declaration1; declaration2}
Example:
P {background: white; color: black}
An embded style which can be written with in the head tag see below
<style type= "text/css">
embded style goes here
body elements
</body
Embedded Style Sheets are preset within the web page. This is very useful in making the collection of all the styles applied to the page and making them appear in a common place under the
In CSS, how define the space between the element's border and content?
What is the name of the declaration with increased weight?
selector/class/id { font-weight:bold;}
{font-weight : bold}
What is meant by cascading of styles?
Cascading of styles is one in which an element called as child element placed with another element called as parent element inherit the styles of the parent. Cascading of styles also comes into picture when there is an overlap of styles defined. That is in other words usually among the three styles namely...
Styles can be specified:inside an HTML element( Inline style)inside the head section of an HTML page(internal style sheet)in an external CSS file(external style sheet)When more than one style is speci...
What is deference between cell padding and cell spacing
Cell spaceing is the space between two cell of the table or the space outer the single cell and cell padding is the space under the cell or inner space between cell content and cell border
Cell padding occupy the space within a cell and cell spacing occupy the space out of the cell
Selectors, collections, methods, appendices
What do you mean by selectors, collections, methods, appendices? Give some example.
What are the five possible values for "position", and what is the default?
absolute - Generates an absolutely positioned element, positioned relative to the first parent element that has a position other than static. The element's position is specified with the "le...
Static, Relative, Fixed and Absolute. Static is the Default positioning
What are the issues encountered with ie z-index?
What is the relationship between CSS and HTML?
In Short,
HTML is a markup language and it is used to create the content of a webpage.
CSS is a stylesheet language used to describe the presentation semantics of a document written in a markup language.
HTML structural part of the webpage, while CSS consumes and modifies the presentation part of a web page
Align a heading and a hyperlink in a single row
How to align a heading and a hyperlink or an image or some text in the same row (without using tables)?
We will use h1 tag css like this
We need to write width:auto; because both "h1" and "a" take 100% of width amount.Code
width:auto } then a {float:left width:auto }
The Correct Code is we need to give property as display: inline for
tag.
Code- <html>
- <head>
- <title>krishna</title>
- <style type="text/css">
- #Container
- {
- background: #ffffff
- float: left
- }
-
- #container h1
- {
- display: inline
- }
-
- </style>
- </head>
- <body>
- <div id="Container">
- <h1>Welcome</h1>
- <a href="">Some Link</a></div>
- </body>
- </html>
- <html>
- <head>
- <title>krishna</title>
- <style type="text/css">
- #Container
- {
- background: #ffffff
- float: left
- }
- #container h1
- {
- display: inline
- }
- </style>
- </head>
- <body>
- <div id="Container">
- <h1>Welcome</h1>
- <a href="">Some Link</a></div>
- </body>
- </html>
What are the steps to be followed for putting multiple sheets into one?
You can use @import on top of the parent stylesheet on by one like
@import url("import1.css");
Here we can creat multiple sheets of deferent names (ad.css, av.css, s.css, f.css,) and save them and one by one you can call them into one page.
at-rule means calling a External StyleSheet in a StyleSheet
The at-rule in CSS begins with the at-keyword. It is then followed by '@' character and then the identifier. Some of the at-rule in CSS are '@import', '@page'.
How does a browser determine how an item is positioned?
.logo
{
position: absolute;
left: 100px;
top: 50px;
}
What are the rules to be followed for CSS-names?
The name can contain characters a-z, A-Z, digits 0-9, period, hyphen, escaped characters, Unicode characters 161-255, as well as any Unicode character as a numeric code, however, they cannot start with a dash or a digit.
User Panel
Categories
Interview Coaching
Ads
Connect
Ads
Interview Question
Latest Questions
Ads
Interview & Career Tips
Get invaluable Interview and Career Tips delivered directly to your inbox. Get your news alert set up today, Once you confirm your Email subscription, you will be able to download Job Inteview Questions Ebook . Please contact me if you there is any issue with the download.
NH
Please use
Use the text-decoration:underline this way is correct.