What is Inline style?
The Inline style in a CSS is used to add up styling to individual HTML elements.
How comments can be added in CSS?
The comments in CSS can be added with /* and */.
What is contextual selector?
Selector used to select special occurrences of an element is called contextual selector. A space separates the individual selectors. Only the last element of the pattern is addressed in this kind of selector. For e.g.: TD P TEXT {color: blue}
Which Property Is Used To Make A Font Italic Or Oblique?
The font-style property is used to make a font italic or oblique.
Which Property Is Used To Create A Small-caps Effect?
Compare RGB values with Hexadecimal color codes ?
A color can be specified in two ways:
A color is represented by 6 characters i.e. hexadecimal color coding. It is a combination of numbers and letters and is preceded by #. e.g.: g {color: #00cjfi}
A color is represented by a mixture of red, green and blue. The value of a color can also be specified. e.g.: rgb(r,g,b): In this type the values can be in between the integers 0 and 255. rgb(r%,g%,b%): red, green and blue percentage is shown.
Define Image sprites with context to CSS ?
When a set of images is collaborated into one image, it is known as ‘Image Sprites’. As the loading every image on a webpage consumes time, using image sprites lessens the time taken and gives information quickly.
CSS coding:
img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }
1
img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }
In this case, only the part needed is used. The user can save substantial margin and time through this.
Compare Grouping and Nesting in CSS ?
Grouping: Selectors can be grouped having the same values of property and the code be reduced.
E.g. :
h1 {
color: blue;
}
h2 {
color: blue;
}
p {
color: blue;
}
h1 {
color: blue;
}
h2 {
color: blue;
}
p {
color: blue;
}
It can be seen from the code that every element shares the same property. Rewriting can be avoided by writing each selector separated by a comma.
Nesting: Specifying a selector within a selector is called nesting.
P
{
color: red;
text-align: left;
}
.marked
{
background-color: blue;
}
.marked p
{
color: green;
}
25
P
{
color: red;
text-align: left;
}
.marked
{
background-color: blue;
}
.marked p
{
color: green;
}
How can the dimension be defined of an element ?
Dimension properties can be defined by:
Height
Max-height
Max-width
Min-height
Min-width
Width
Define float property of CSS?
By float property, the image can be moved to the right or the left along with the text to be wrapped around it. Elements before this property is applied do not change their properties.
How does Z index function?
Overlapping may occur while using CSS for positioning HTML elements. Z index helps in specifying the overlapping element. It is a number which can be positive or negative, the default value being zero.
Define Attribute Selector ?
It is defined by a set of elements, value and its parts.
What Is A Child Selector?
Consider the following example
body > p
{
color: #000000;
}
This rule will render all the paragraphs in black if they are direct child ofelement. Other paragraphs put inside other elements like or would not have any effect of this rule.
What Is An Attribute Selector?
You can also apply styles to HTML elements with particular attributes. The style rule below will match all the input elements having a type attribute with a value of text
input[type = "text"]
{
color: #000000;
}
The advantage to this method is that the element is unaffected, and the color applied only to the desired text fields.
How To Select All Paragraph Elements With A Lang Attribute?
p[lang] : Selects all paragraph elements with a lang attribute.
How To Select All Paragraph Elements Whose Lang Attribute Has A Value Of Exactly "fr"?
p[lang="fr"] - Selects all paragraph elements whose lang attribute has a value of exactly "fr".
How To Select All Paragraph Elements Whose Lang Attribute Contains The Word "fr"?
p[lang~="fr"] - Selects all paragraph elements whose lang attribute contains the word "fr".
How To Select All Paragraph Elements Whose Lang Attribute Contains Values That Are Exactly "en", Or Begin With "en-"?
p[lang|="en"] - Selects all paragraph elements whose lang attribute contains values that are exactly "en", or begin with "en-".
What Are The Various Ways Of Using Css In An Html Page?
There are four ways to associate styles with your HTML document. Most commonly used methods are inline CSS and External CSS.
Embedded CSS − The
Which Property Is Used To Add Or Subtract Space Between The Letters That Make Up A Word?
The letter-spacing property is used to add or subtract space between the letters that make up a word.
Which Property Is Used To Add Or Subtract Space Between The Words Of A Sentence?
The word-spacing property is used to add or subtract space between the words of a sentence.
The Inline style in a CSS is used to add up styling to individual HTML elements.
How comments can be added in CSS?
The comments in CSS can be added with /* and */.
What is contextual selector?
Selector used to select special occurrences of an element is called contextual selector. A space separates the individual selectors. Only the last element of the pattern is addressed in this kind of selector. For e.g.: TD P TEXT {color: blue}
Which Property Is Used To Make A Font Italic Or Oblique?
The font-style property is used to make a font italic or oblique.
Which Property Is Used To Create A Small-caps Effect?
The font-variant property is used to create a small-caps effect.
A color can be specified in two ways:
A color is represented by 6 characters i.e. hexadecimal color coding. It is a combination of numbers and letters and is preceded by #. e.g.: g {color: #00cjfi}
A color is represented by a mixture of red, green and blue. The value of a color can also be specified. e.g.: rgb(r,g,b): In this type the values can be in between the integers 0 and 255. rgb(r%,g%,b%): red, green and blue percentage is shown.
 |
| Spotify Technology Frequently Asked CSS Interview Questions Answers |
Define Image sprites with context to CSS ?
When a set of images is collaborated into one image, it is known as ‘Image Sprites’. As the loading every image on a webpage consumes time, using image sprites lessens the time taken and gives information quickly.
CSS coding:
img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }
1
img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }
In this case, only the part needed is used. The user can save substantial margin and time through this.
Compare Grouping and Nesting in CSS ?
Grouping: Selectors can be grouped having the same values of property and the code be reduced.
E.g. :
h1 {
color: blue;
}
h2 {
color: blue;
}
p {
color: blue;
}
h1 {
color: blue;
}
h2 {
color: blue;
}
p {
color: blue;
}
It can be seen from the code that every element shares the same property. Rewriting can be avoided by writing each selector separated by a comma.
Nesting: Specifying a selector within a selector is called nesting.
P
{
color: red;
text-align: left;
}
.marked
{
background-color: blue;
}
.marked p
{
color: green;
}
25
P
{
color: red;
text-align: left;
}
.marked
{
background-color: blue;
}
.marked p
{
color: green;
}
How can the dimension be defined of an element ?
Dimension properties can be defined by:
Height
Max-height
Max-width
Min-height
Min-width
Width
Define float property of CSS?
By float property, the image can be moved to the right or the left along with the text to be wrapped around it. Elements before this property is applied do not change their properties.
How does Z index function?
Overlapping may occur while using CSS for positioning HTML elements. Z index helps in specifying the overlapping element. It is a number which can be positive or negative, the default value being zero.
It is defined by a set of elements, value and its parts.
What Is A Child Selector?
Consider the following example
body > p
{
color: #000000;
}
This rule will render all the paragraphs in black if they are direct child ofelement. Other paragraphs put inside other elements like or would not have any effect of this rule.
What Is An Attribute Selector?
You can also apply styles to HTML elements with particular attributes. The style rule below will match all the input elements having a type attribute with a value of text
input[type = "text"]
{
color: #000000;
}
The advantage to this method is that the element is unaffected, and the color applied only to the desired text fields.
How To Select All Paragraph Elements With A Lang Attribute?
p[lang] : Selects all paragraph elements with a lang attribute.
How To Select All Paragraph Elements Whose Lang Attribute Has A Value Of Exactly "fr"?
p[lang="fr"] - Selects all paragraph elements whose lang attribute has a value of exactly "fr".
How To Select All Paragraph Elements Whose Lang Attribute Contains The Word "fr"?
p[lang~="fr"] - Selects all paragraph elements whose lang attribute contains the word "fr".
How To Select All Paragraph Elements Whose Lang Attribute Contains Values That Are Exactly "en", Or Begin With "en-"?
p[lang|="en"] - Selects all paragraph elements whose lang attribute contains values that are exactly "en", or begin with "en-".
What Are The Various Ways Of Using Css In An Html Page?
There are four ways to associate styles with your HTML document. Most commonly used methods are inline CSS and External CSS.
Embedded CSS − The
Which Property Is Used To Add Or Subtract Space Between The Letters That Make Up A Word?
The letter-spacing property is used to add or subtract space between the letters that make up a word.
Which Property Is Used To Add Or Subtract Space Between The Words Of A Sentence?
The word-spacing property is used to add or subtract space between the words of a sentence.
Post a Comment