CSS Online Test

content p

p.content

.content > p

p .content

Style sheets allow content to be optimized for more than one type of device.

CSS can store web applications locally With the help of an offline cache

Using CSS, we can view online website. In cache also ensures faster loading and better overall performance of the website.

All of the above.

tag

id

class

both class and tag

rect

crosshair

auto

inherit

Opacity

Visibility

Stacking order

Font size

list-style-type: none;

text-decoration: none;

bullet-style: none;

display: no-bullet;

.(dot)

# (hash)

* (asterisk)

@ (at sign)

#classname

.classname

element.classname

*classname

Universal Selector (*)

Tag Selector

Class Selector

ID Selector

text-color

color

font-color

All of These

Combinator selector

Pseudo Class selector

Pseudo elements selector

Attribute selector

Rich Decorations

Faster download times.

Greater consistency in design.

No need to write HTML Tags

A → 2, B → 1, C → 3, D → 6

A → 2, B → 1, C → 3, D → 4

A → 2, B → 5, C → 3, D → 4

A → 5, B → 1, C → 3, D → 4

css

style

script

link

h1 h2 h3

h1+h2+h3

h1,h2,h3

h1>h2>h3

padding: 20px 30px 15px 10px

padding: 20px 15px 30px 10px

padding: 15px 30px 10px 20px

padding: 30px 15px 20px 10px

.example

#example

element.example

example

Some selectors can lead to cross-browser issues

Cannot request a webpage through CSS

Parent Selector tag is always available

Cannot always assure compatibility with every browser

:default

:%

:disabled

None of these

class

id

article

html

Selects the first child of an element

Selects all sibling elements

Selects the immediately next sibling of an element

Selects the parent of an element

h1.hover

h1*hover

h1:hover

h1-hover

p{font-style: "Times New Roman";}

p{font-family:"Times New "roman",Times,serif;}

p{font-weight:"Times New Roman",Times,serif;}

None of these

Apply styles for the web page

Define structure of the web page

Provide meaning to the sections of the web page

None of the above

A → 5, B → 4, C → 3, D → 1

A → 2, B → 4, C → 3, D → 1

A → 5, B → 4, C → 3, D →6

A → 4, B → 5, C → 3, D → 1

border-spacing

border-style

border-collapse

border-radius

:focus

:active

:hover

:visited

flex-order

order

flex-direction

item-order

:nth-child(last)

:last-child

:only-child

:nth-last-child(1)

ul > li

ul li

ul + li

ul ~ li

Tag > Class > ID

Class > Tag > ID

ID > Class > Tag

Universal > ID > Class

order

stack

z-index

layer

tag

class

id

div

:element

:empty

:enabled

None of these

class

id

type

None of the above

f-resize

move

ne-resize

se-resize

HTML

CSS

JavaScript

PHP

100rem

100%

100vw

100em

ID selector

Class selector

Group selector

Universal selector

The size of the text-shadow

he Y-coordinate of the text-shadow

The X-coordinate of the text-shadow

The blur radius

:target

:selection

::selection

URO

text-size

size

text-length

font-size

font-weight

font-style

text-decoratio

text-weight

REL

URL

REV

all of these

Creating Style Sheets

Cascading Style Sheets

Computer Style Sheets

Colorful Style Sheets

clear

overflow

z-index

display

list-image

bullet-image

list-style-image

image-style

margin: 20px 20px 30px 30px

margin: 30px 20px

margin: 20px 30px

margin: 30px 30px 20px 20px

Easier to maintain and update.

Greater consistency in design.

More formatting options.

All of the above

Documents to be viewed on-screen tend to look better in Sans-serif fonts

Not everyone has the same set of fonts.

Printed documents tend to look better in Serif fonts

All of the options