Css Properties_ Css Elements_ Css Functions And Tables — Part 1 MCQs with Explanations

The div element and span element are block and inline elements, respectively, that have no particular rendering. You might call them generic tags. Because these tags don’t have any predefined meaning or rendering, they are very useful for arbitrary style duties.

Example: body { background-image: url("img_tree.png") ; background-repeat: no-repeat ; }

Example: h1. hidden { display: none ; }

Example: .div1{ box-sizing: border-box ; }

clip: rect(coordinates) | auto | inherit

border-spacing: non-negative length(s) | inherit

border-collapse roperty defines whether table cell borders are connected or separate.

Example: background-attachment: scroll | fixed | inherit

Example: background-image: url(image-file) | none | inherit

The opacity property defines the transparency-level, where 1 is opaque, 0.5 is translucent, and 0 is completely transparent.

The CSS order property specifies the order used to lay out flex items in their flex container. Elements are laid out in the ascending order of the order value.

Overflow of a div or a container can have the following values: visible|hidden|scroll|auto|initial|inherit.

The tab-size CSS property is used to customize the width of a tab.

The correct option is z-index. It can only be applied on positioned values.

This property helps you break the words and wrap onto the next line to prevent overflow of div.

It is a shorthand for both flex-direction and flex-wrap.

The CSS justify-content property defines how the browser distributes space between and around flex items along the main-axis of their container.

The caption-side CSS property positions the content of a table’s caption on the specified side.

If a particular rule should never be overridden by another rule, the !important indication should be used. For a rule never to be ignored, insert the indication !important just before the semicolon of the rule.

A declaration has two parts separated by a colon: Property – that part before the colon Value – that part after the colon.

The selector is the link between the HTML document and the style. It specifies what elements are affected by the declaration. The declaration is that part of the rule that sets forth what the effect will be.

Earlier, you had to use images for these effects. However, by using CSS3 gradients you can reduce download time and bandwidth usage. In addition, elements with gradients look better when zoomed, because the gradient is generated by the browser.

Author. The author specifies style sheets for a source document according to the conventions of the document language. For instance, in HTML, style sheets may be included in the document or linked externally.

User: The user may be able to specify style information for a particular document. For example, the user may specify a file that contains a style sheet or the user agent may provide an interface that generates a user style sheet (or behaves as if it did) .

Each property may also have a cascaded value of ‘inherit’, which means that, for a given element, the property takes the same specified value as the property for the element’s parent. The ‘inherit’ value can be used to enforce inheritance of values, and it can also be used on properties that are not normally inherited.

Syntax: marquee-direction: forward | reverse

Syntax: mask: mask-attachment

Syntax: mask-attachment: fixed | scroll

Syntax: mask-origin: border | content | padding

Syntax: scrollbar-arrow-color: color

Syntax: text-align-last: auto | center | justify | left | right | inherit

In CSS, strings are defined with either single quotes (‘example’) or double quotes (“example”). Quotes may be found within the opposite quote (“I say this is an ‘example’!”).

Counters demonstrate the possibility of variable-like values in CSS. They are defined as alphanumeric names that correspond to some current counter value in a document.

CSS’s six-digit hexadecimal format is the same as color defined in (X)HTML. The format specifies color as #rrggbb, where rr is the amount of red, gg the amount of green, and bb the amount of blue, all specified in a hexadecimal value ranging from 00 to FF.

An HSLa is specified via a function style hsla(hue,saturation, lightness, alpha), where hue, saturation, and lightness are the same as standard hsl() values, and the alpha channel value for defining opacity is a number between 0 (fully transparent) and 1 (fully opaque).

RGB color values can also be defined using percentages. The format is the same, except that the numbers are replaced by percentage values between 0% and 100%.

Syntax: unicode-bidi: bidi-override | embed | normal| inherit

This property is not the same as display: none as it simply makes the item invisible; it does not completely remove it from the display canvas.

The values of pre-wrap and pre-line are not supported in older browsers.

This property is really only meaningful in a paged environment, such as print output.