1

Invalid style property

1. a{font-weight:100}

2. a{ font-stretch:normal;}

3. a{font-decoration:none;}

4. a{font-family:verdana;}

Explanation:

text-decoration:none;

View Answer

2

Spot the error

1. #div{float:left;}

2. div{float:left;}

3. @div{float:left;}

4. .div{float:left;}

Explanation:

(@ indicates import. It should come @media div{}

View Answer

3

Wrong Pseudo column

1. p:first-letter{color:red;}

2. a:href{text-decoration:none;}

3. img:hover{border:none;}

4. ul>:first-child{background-color:red;}

View Answer

4

Invalid style definition

1. <p style=”#fsize12{font-size:12px;}”>Style Definition</p>

2. <style>#fsize12{font-size:12px;}</style>

3. <p id=”fsize12” >Style Definition</p>

4. <font style="font-size:12px;">Style Definition</font>

View Answer

5

Spot the error on Font Style

1. body{font-size:14px}

2. font-size-adjust:none

3. font-stretch:wider

4. font-family:Trebuchet MS, Arial, Helvetica, sans-serif

Explanation:

"Trebuchet MS" should be in double quotes.

View Answer

6

Find the error on font-weight property

1. font-weight:800

2. font-weight:bold

3. font-weight:bolder

4. font-weight:strong

View Answer

7

Attribute selector.

1. p[class]

2. p[class~="web"]

3. p[attr^"d"]

4. p[id]

View Answer

8

Spot the error on values.

1. border:30px 20px 10px 5px;

2. border:30px solid #FFFFFF;

3. border-top:30px;

4. border-style:solid;

View Answer

9

Spot the error

1. margin:30px 20px 10px 5px;

2. padding:30px 20px 10px 5px;

3. box-shadow: 0 0 10px #777777;

4. border:30px 20px 10px 5px;

View Answer

10

Identify the error in the following CSS code:

.my-class {
background-color: #fff;
color: red;
font-size: 16px;
text-align: middle
}

1. Incorrect hex color format

2. Missing semicolon after text-align: center

3. Incorrect font-size

4. Incorrect text-align:middle

Explanation:

text-align: middle; is often misunderstood because middle is not a valid value for the text-align property.
This property is used to horizontally center-align text content within its parent element. It works by centering the inline content (like text) inside the block-level container.
.centered-text {
text-align: center;
}

View Answer