About CSS Basic
In CSS Basics Chapter, you will get familiar with the Usage of CSS, that is the way to add styles to the HTML document and the right way of writing the syntax. Also, you will get the recap of CSS Texts, Font, Links, Tables, Border, Padding, and Margin. Each of these pages represents the set of properties and their values that will be discussed in detail in the next chapters. CSS Basics Chapter also presents CSS Gradients that display progressive transitions between two or more specified colors making the backgrounds more beautiful and unique.
CSS Introduction
Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.
CSS was developed by the World Wide Web Consortium (W3C).
CSS defines how the HTML elements are to be displayed.
Styles are normally saved in external .css files. External style sheets allow you to change the appearance and layout of all the pages in a Website, just by editing one single file.
Apply Link For Css Course
Apply Link For CSs Quiz
Quiz Answers
1) CSS stands for
A) Cascading Style Sheets
B) Computer Style Sheets
C) Creative Style Sheets
D) Canvas Styling System
Ans. A
2) How to set a style for a certain HTML element with an id of “special”?
A) #special{ }
B) .special{ }
C) id.special{ }
D) element.id.special{ }
Ans. A
3) Which HTML tag specifies an internal style sheet?
Ans. C
4) How can you add an external style sheet in HTML?
Ans. A
5) How to remove the underline from hyperlinks using CSS?
A) a {underline:none}
B) a {decoration:no underline}
C) a {text-decoration:no underline}
D) a {text-decoration:none}
Ans. D
6) How can you add space between the border and inner content of the element?
A) margin
B) padding
C) border
D) spacing
Ans. B
7) How do you inform the browser you are creating a styling section with an internal style sheet?
A)
B)
C)
Ans. A
8) How to remove the underline from hyperlinks using CSS?
A) a {underline:none}
B) a {decoration:no underline}
C) a {text-decoration:no underline}
D) a {text-decoration:none}
Ans. D
9) Which HTML attribute specifies an inline style sheet?
A) style
B) in-style
C) font
D) class
Ans. A
10) Which is the correct syntax to make all
elements bold?
A) p style=”text-size:bold”
B) p {text-size:bold}
C) p style=”font-size:bold”
D) p {font-weight: bold}
Ans. D
11) In the following code snippet, what value is used for the left padding?
padding: 5px 15px 8px 10px
A) 10px
B) 5px
C) 15px
D) 8px
Ans. A
12) In the following code snippet, what value have we used for the bottom margin?
margin: 10px 8px 15px 9px;
A) 10px
B) 8px
C) 15px
D) 9px
Ans. C
13) Which property do you need to change the text color of an element?
A) color
B) text-color
C) font-color
D) fontcolor
Ans. A
14) Which property controls the size of a text?
A) font-size
B)font-style
C) text-size
D) text-style
Ans. A
15) Which selector do you need to define a style for multiple elements?
A) id
B) class
C) style
D) text
Ans. B
Web development Course Click Here
16) Which property do you need to change the background image?
A) background-image
B) background-color
C) background-img
D) backgroundimage
Ans. A
17) Which is the correct CSS syntax?
A) a {font-weight: bold; }
B) {a:font-weight: bold; }
C) a {font:weight: bold }
D) a :font:weight = bold;
Ans. A
18) How can you make a list not display bullets?
A) list-style-type: no-bullet
B) list-style-type: none
C) list: none
D) list-style-type: nobullet
Ans. B
19) Which is the correct syntax to set all the tags’ font-size to 13px?
A) a{font-size:13px;}
B) a{font:13px;}
C) a{size:13px;}
D) a{text-size:13px;}
Ans. A
20) How can you create a list displaying its items with squares?
A) type: square
B) list-style-type: square
C) style-list: square
D) list-type: square
Ans. B
21) How to make each word of the text start with a capital letter?
A) text-transform:uppercase
B) text-transform:capitalize
C) text-transform:lowercase
D) Can’t do that with CSS
Ans. B
22) Which CSS syntax is commonly used to center a website horizontally?
A) margin: 0 auto;
B) margin: auto 0;
C) site-align: center;
D) margin: center;
Ans. A