Section 1

Preview this deck

Enlist the various Media types used?

Front

Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

0

All-time users

0

Favorites

0

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (42)

Section 1

(43 cards)

Enlist the various Media types used?

Front

Different media has different properties as they are case insensitive. They are: Aural - for sound synthesizers and speech Print - gives a preview of the content when printed Projection- projects the CSS on projectors. Handheld- uses handheld devices. Screen- computers and laptop screens.

Back

Enlist the various fonts' attributes?

Front

They are: Font-style Font-variant Font-weight Font-size/line-height Font-family Caption Icon

Back

What does CSS selector mean?

Front

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.

Back

In how many ways can a CSS be integrated as a web page?

Front

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.

Back

How does Z index function?

Front

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.

Back

Explain what elements will match each of the following CSS selectors:

Front

div, p div p div > p div + p div ~ p

Back

Differentiate Style Sheet concept from HTML?

Front

While HTML provides easy structure method, it lacks styling, unlike Style sheets. Moreover, style sheets have better browser capabilities and formatting options.

Back

How can the gap under the image be removed?

Front

As images being inline elements are treated same as texts, so there is a gap left, which can be removed by: CSS img { display: block ; }

Back

Why is it easy to insert a file by importing it?

Front

Importing enables combining external sheets to be inserted in many sheets. Different files and sheets can be used to have different functions. Syntax: @import notation, used with <Style> tag.

Back

What is CSS ?

Front

The full form of CSS is Cascading Style Sheets. It is a styling language which is simple enough for HTML elements. It is popular in web designing, and its application is common in XHTML also.

Back

What are the advantages of CSS ?

Front

Advantages are: Bandwidth Site-wide consistency Page reformatting Accessibility Content separated from presentation

Back

Define property?

Front

A style, that helps in influencing CSS. E.g. FONT. They have corresponding values or properties within them, like FONT has different style like bold, italic etc.

Back

What is Pseudo-elements ?

Front

Pseudo-elements are used to add special effects to some selectors. CSS in used to apply styles in HTML mark-up. In some cases when extra mark-up or styling is not possible for the document, then there is a feature available in CSS known as pseudo-elements. It will allow extra mark-up to the document without disturbing the actual document.

Back

Differentiate Class selector from ID selector?

Front

While an overall block is given to class selector, ID selector prefers only a single element differing from other elements. In other words, ID are uniques while classes are not. Its possible that an element has both class and ID.

Back

Compare RGB values with Hexadecimal color codes ?

Front

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.

Back

What happens if 100% width is used along with floats all across the page?

Front

While making the float declaration, 1 pixel is added every time it is used in the form of the border, and even more float is allowed thereafter.

Back

What is CSS Box Model and what are its elements?

Front

This box defines design and layout of elements of CSS. The elements are: Margin: the top most layer, the overall structure is shown Border: the padding and content option with a border around it is shown. Background color affects the border. Padding: Space is shown. Background colour affects the border. Content: Actual content is shown.

Back

How can the dimension be defined of an element ?

Front

Dimension properties can be defined by: Height Max-height Max-width Min-height Min-width Width

Back

Define Image sprites with context to CSS ?

Front

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.

Back

Which among the following is more precedent: CSS properties or HTML procedures?

Front

CSS is more precedent over HTML procedures. Browsers, which do not have CSS support, display HTML attributes.

Back

In CSS3, how would you select:

Front

Every <a> element whose href attribute value begins with "https". Every <a> element whose href attribute value ends with ".pdf". Every <a> element whose href attribute value contains the substring "css".

Back

What is the usage of Class selector?

Front

Selectors that are unique to a specific style, are called CLASS selectors. Declaration of style and association with HTML can be made through this. Syntax: Classname it can be A-Z, a-z or digits. .top {font: 14em ;}, class selector <Body class= "top"> this class is associated with element </body>

Back

Can more than one declaration be added in CSS?

Front

Yes, it can be achieved by using a semicolon.

Back

Given the following HTML: <div id="page"> <h1>Heading Title</h1> <h2>Subheading Title</h2> <h2>Subheading Title</h2> <h1>Heading Title</h1> <h2>Subheading Title</h2> <h1>Heading Title</h1> </div> How could you use CSS to achieve the following automatic numbering:

Front

1) Heading Title 1.1) Subheading Title 1.2) Subheading Title 2) Heading Title 2.1) Subheading Title 3) Heading Title

Back

Who maintains the CSS specifications?

Front

World Wide Web Consortium maintains the CSS specifications.

Back

Can default property value be restored through CSS? If yes, how?

Front

In CSS, you cannot revert back to old values due to lack of default values. The property can be re- declared to get the default property.

Back

How comments can be added in CSS?

Front

The comments in CSS can be added with / and /.

Back

Discuss the merits and demerits of Embedded Style Sheets?

Front

Merits of Embedded Style Sheets: 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 of Embedded Style Sheets: Multiple documents cannot be controlled.

Back

What is the origin of CSS ?

Front

Standard Generalized Markup Language marked the beginning of style sheets in 1980s.

Back

What are CSS frameworks?

Front

It is a pre-planned libraries, which allows easier and more standards-compliant webpage styling, using CSS language.

Back

Define float property of CSS?

Front

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.

Back

What benefits and demerits do External Style Sheets have?

Front

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.vvv

Back

Compare Grouping and Nesting in CSS ?

Front

Grouping: Selectors can be grouped having the same values of property and the code be reduced 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.

Back

What is Inline style?

Front

The Inline style in a CSS is used to add up styling to individual HTML elements.

Back

How block elements can be centered with CSS1?

Front

Block level elements can be centered by: The margin-left and margin-right properties can be set to some explicit value: In this case, the left and right margins will be each, five ems wide since they split up the ten ems left over from (40em-30em). It was unnecessary for setting up an explicit width for the BODY element; it was done here for simplicity.

Back

Differentiate logical tags from physical tags?

Front

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.

Back

Enlist the media types CSS allows?

Front

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.

Back

Define Attribute Selector ?

Front

It is defined by a set of elements, value and its parts.

Back

Explain the meaning of each of these CSS units for expressing length:

Front

cm em in mm pc pt px

Back

What is contextual selector?

Front

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}

Back

What is at-rule?

Front

Rule, which is applicable in the entire sheet and not partly, is known as at-rule. It is preceded by @ followed by A-Z, a-z or 0-9.

Back

How can CSS be cascaded to mix with user's personal sheet?

Front

Properties can be a set in recommended places and the document modified for CSS to mix with user's personal sheet.

Back

Are quotes mandatory in URL's?

Front

Quotes are optional in URL's, and it can be single or double.

Back

What are the limitations of CSS ?

Front

Limitations are: Ascending by selectors is not possible Limitations of vertical control No expressions No column declaration Pseudo-class not controlled by dynamic behavior Rules, styles, targeting specific text not possible

Back