Samacheer Kalvi 11th Computer Applications Guide Chapter 13 CSS – Cascading Style Sheets

Tamilnadu State Board New Syllabus Samacheer Kalvi 11th Computer Applications Guide Pdf Chapter 13 CSS – Cascading Style Sheets Text Book Back Questions and Answers, Notes.

Tamilnadu Samacheer Kalvi 11th Computer Applications Solutions Chapter 13 CSS – Cascading Style Sheets

11th Computer Applications Guide CSS – Cascading Style Sheets Text Book Questions and Answers

Part – I

I. Choose The Correct Answers

Question 1.
Expansion of CSS _________.
a) Cascading Style Schools
b) Cascading Style Scheme
c) Cascading Style Sheets
d) Cascading Style Shares
Answer:
c) Cascading Style Sheets

Question 2.
Which of the following is the page leval style?
a) <Page>
b) <Style>
c) <Link>
d) <H>
Answer:
b) <Style>

Question 3.
CSS is also called as:
a) Sitewide Style Sheets
b) Internal Style Sheets
c) Inline Style Sheets
d) Internal Inline Sheets
Answer:
a) Sitewide Style Sheets

Question 4.
The extension of CSS file is _________.
a) ssc
b) css
c) esc
d) htm
Answer:
b) css

Question 5.
What is selector?
a) Property
b) Value
c) HTML tag
d) name
Answer:
c) HTML tag

Question 6.
The Declaration block of CSS is surrounded by
a) ( )
b) [ ]
c) { }
d) <>
Answer:
c) { }

Question 7.
The declaration should be terminated by
a) :
b) ;
c) .
d) ,
Answer:
b) ;

Question 8.
What is the property to set text as bold?
a) Font-Style
b) Font-Weight
c) Font-Property
d) Font-Bold
Answer:
b) Font-Weight

Question 9.
Which of the following indicates that the text included is a comment?
a) /* */
b) !* *!
c) <* *>
d) \* *\
Answer:
a) /* */

Question 10.
Which of the following ways below is correct to write a CSS?
a) p {coloured; text-align:center>;
b) p {coloured; text-align:center>
c) p {coloured; text-align:center;>
d) p (coloured;text-align:center;)
Answer:
b) p {coloured; text-align:center>

Part – II

II. Very Short Answers

Question 1.
What is the use of <style> tag?
Answer:
For example, if we want to display <h3> tag in a particular font style and size with blue colour in the entire page,we can use <style> tag to define its properties in head section as follows.

Question 2.
What is CSS?
Answer:

1. Cascading Style Sheets (CSS) are also called as Sitewide Style sheets or external style. CSS is a style sheet language used for describing the formatting of a document written in HTML.
2. Using CSS, we can control the font colour, font style, spacing between pages, columns size, border colour, background image or colour and various other effects in a web page.
3. In external styles, we can store all style information in a separate file and include it in your web pages using an HTML tag.
4. The separate file should be saved with the extension .css

Question 3.
Write the general format of linking CSS with HTML.
Answer:
General format of linking CSS with HTML
<Link rel = “stylesheet” type = “text/css” href = CSS_File_Name_with_Extension>

Example:

Question 4.
What is Inline Style?
Answer:
Inline style is used to define style for a particular tag anywhere in an HTML document. We can define styles for any tag within an HTML document. But it is applicable only on that line where it is defined . If we use the same tag, again in the same document, it does not reflect the new style.

Question 5.
Write down general format of CSS declaration.
Answer:
CSS declaration- General format:
Selector Declaration
HTML Tag { Properties : Values; >

Example:

PART – III

III. Short Answers

Question 1.
What are the advantages of using CSS? Advantages of CSS
Answer:

1. Maintainability -CSS are also defined and stored as separate files. So, the style and appearance of a web page can be dynamically changed and maintain with less effort.
2. Reusability – The styles defined in CSS can be reused in multiple HTML pages.
3. Easy to understand – The tags in web pages are well organized with style specifications and therefore it is easy to understand.

Question 2.
Write a short note on rule of CSS.
Answer:
CSS – Style definition rules:

1. CSS style declaration consists of two major parts; Selector and Declaration.
2. The Selector refers an HTML tag in which you want to apply styles.
3. The Declaration is a block of code contains style definition. It should be surrounded by curly braces.
4. We can include any number of properties for each selector, and they must be separated by semicolons.
5. The property name and its value should be separated by a colon.
6. Each declaration should be terminated by a semicolon (; ).

Question 3.
Write a CSS file to define text color and alignment to <p> tag.
Answer:

Question 4.
Write a CSS file to define font type, style and size to <hl> tag.
Answer:

Part – IV

IV. Explain In Brief

Question 1.
Write an HTML document to display the following paragraph as per the given description Using CSS:
Answer:

1. Font Name : Cooper Black
2. Style : Bold Italics
3. Color: Blue

“The State Institute of Education (SIE) was estabiished in 1965 to provide for systematic study of problems relating to School Education under the administration of Directorate of School Education.”

HTML CODE:

Output:

Question 2.
List and explain the Font and text element properties and values used CSS.
Answer:

11th Computer Applications Guide CSS – Cascading Style Sheets Additional Important Questions and Answers

Part – I

I. Choose The Correct Answers:

Question 1.
A _________ tag is used to change the default characteristics of a particular tag in the entire web document wherever that tag is used.
a) <Style>
b) <Default>
c) <DS>
d) None of these
Answer:
a) <Style>

Question 2.
The _________ tag controls the presentation styles of a particular HTML document.
a) <Style>
b) <Default>
c) <DS>
d) None of these
Answer:
a) <Style>

Question 3.
The <style> tags are called as _________.
a) Page-Level Styles
b) Internal Style sheets
c) Either A or B
d) None of these
Answer:
c) Either A or B

Question 4.
_________ is defined and implemented only within an HTML document.
a) Internal Style Sheet
b) External Style Sheet
c) Global Style Sheet
d) None of these
Answer:
a) Internal Style Sheet

Question 5.
If we want use the same style to multiple pages, we should define styles as a separate style file. These separate style files are known as _________.
a) Sitewide Style Sheets
b) External Style Sheets
c) Either A or B
d) None of these
Answer:
c) Either A or B

Question 6.
Professional web developers do not use _________ styles.
a) External
b) Internal
c) Global
d) None of these
Answer:
b) Internal

Question 7.
_________ style is used to define style for a particular tag anywhere in an HTML document.
a) External
b) Internal
c) Global
d) Inline
Answer:
d) Inline

Question 8.
CSS means _________.
a) Cascading Style Sheets
b) Cascading Structure Sheets
c) Cascading Style Structure
d) Cascading Standard Sheets
Answer:
a) Cascading Style Sheets

Question 9.
Cascading Style Sheets (CSS) are also called as _________ style.
a) Sitewide Style Sheets
b) External Style Sheets
c) Either A or B
d) None of these
Answer:
c) Either A or B

Question 10.
_________ is a style sheet language used for describing the formatting of a document written in HTML.
a) Inline
b) CSS
c) Either A or B
d) None of these
Answer:
b) CSS

Question 11.
Using ________,we can control the font colour, font style, spacing between pages, columns size, border colour, background image or colour and varIous other effects In a web page.
a) Inline
b) CSS
C) Either A or B
d) None of these
Answer:
b) CSS

Question 12.
In ______ styles, you can store all style Information In a separate file and Include It In your web pages usIng an HTML tag.
a) External
b) Inline
c) Global
d) Default
Answer:
a) External

Question 13.
External Style Sheets file should be saved with the extension ________.
a) .ESS
b) .CSS
c) ISS
d) None of these
Answer:
b) .CSS

Question 14.
The styles defined in _________ can be reused In multiple HTML pages.
a) Inline
b) OES
c) Either A or B
d) None of these
Answer:
b) OES

Question 15.
CSS was Invented by ________.
a) KakonWium Lie
b) Ken Thompson
c) Tim Berty
d) Charles Babbage
Answer:
a) KakonWium Lie

Question 16.
CSS was Invented on _________.
a) September , 10 1994
b) October ,10 1996
c) October ,10 1994
d) October ,20 1994
Answer:
c) October ,10 1994

Question 17.
CSS Is maIntained through a group of people within the W3C called the ________.
a) OES Working Group
b) OES Monitoring Group
c) OES Working Forum
d) OES Working Members
Answer:
a) OES Working Group

Question 18.
CSS styla declaration consists of _________ major parts.
a) five
b) three
c) four
d) two
Answer:
d) two

Question 19.
CSS style declaration consists of______ part.
a) Selector
b) Declaration
c) Both A and B
d) None of these
Answer:
c) Both A and B

Question 20.
The ______ refers an HTML tag In whIch you want to apply styles.
a) Selector
b) Declaration
c) Both A and B
d) None of these.
Answer:
a) Selector

Question 21.
The _______ is a block of code contains style definition.
a) Selector
b) Declaration
c) Both A and B
d) None of these.
Answer:
b) Declaration

Question 22.
The declaration block of code should be surrounded by ________ braces.
a) Curly
b) Square
c) Angle
d) None of these
Answer:
a) Curly

Question 23.
In the declaration part of OES, the property name and its value should be separated by a _______.
a) Semicolon
b) Comma
c) Colon
d) None of these
Answer:
c) Colon

Question 24.
Each declaration of OES should be terminated by a ________.
a) Semicolon
d) Comma
c) Colon
d) None of these
Answer:
a) Semicolon

Question 25.
In CSS, ______ is the property for changing text colour.
a) Color
b) Text-align
c) Background-color
d) Font-family
Answer:
a) Color

Question 26.
In CSS, ______ is the property for changing text alignment.
a) Color
b) Text-align
c) Background-color
d) Font-family
Answer:
b) Text-align

Question 27.
In OES, ______ is the property for changing font type.
a) Color
b) Text-align
c) Background-color
d) Font-family
Answer:
d) Font-family

Question 28.
In CSS, ______ Is the property for changing font style.
a) Font-style
b) Font-weight
c) Font-size
d) Border
Answer:
a) Font-style

Question 29.
In CSSS ______ is the property far changing font style(Bold)
a) Font-style
b) Font-weight
C) Font-size
d) Border
Answer:
b) Font-weight

Question 30.
In CSS, ______ Is the property for changing font size.
a) Font-style
b) Font-weight
c) Font-size
d) Border
Answer:
c) Font-size

Question 31.
In CSS, ______ is the property for changing background colour.
a) Font-style
b) Font-weight
c) Background-color
d) Border
Answer:
c) Background-color

Question 32.
In CSS, ________ is the property for changing border.
a) Font-style
b) Font-weight
c) Font-size
d) Border
Answer:
d) Border

Question 33.
In CSS, ________ is the property for changing background image.
a) Background-image
b) Background-repeat
c) Background-position
d) All the above
Answer:
d) All the above

Question 34.
In CSS, ________ is the property for changing paragraph margin.
a) Margin-top / Margin-bottom
b) Margin-left
c) Margin-right
d) All the above
Answer:
d) All the above

Question 35.
HTML supports nearly ________ colour names.
a) 256
b) 512
c) 140
d) 150
Answer:
c) 140

Question 36.
The ________ tag is used to add CSS file with HTML in head section.
a) <Linking>
b) <Link>
c) <Hlink>
d) None of these
Answer:
b) <Link>

Question 37.
________ is the attribute of <Link> tag.
a) Rel
b) Type
c) Both A and B
d) None of these
Answer:
c) Both A and B

Question 38.
The _______ attribute is used to link the .css file.
a) HREF
b) SRC
c) DYNSRC
d) None of these
Answer:
a) HREF

Question 39.
________ is a comment in style sheet.
a) <!>
b) /* */
c) —
d) None of these
Answer:
b) /* */

Question 40.
________ provides powerful control over the presentation of an HTML document.
a) CSS
b) HREF
c) Link
d) None of these
Answer:
a) CSS

Question 41.
Most commonly, CSS is combined with the markup language ________.
a) HTML
b) XHTML
c) Either A or B
d) None of these
Answer:
c) Either A or B

Part – II

II. Very Short Answers

Question 1.
What do you mean by Page-Level Styles or Internal Style sheets?
Answer:
The <style> tag controls the presentation styles of a particular HTML document. If you want to use a particular tag with the same style applied in one HTML document to another is not possible. Thus, the <style> tags are called as “Page-Level Styles” or “Internal Style sheets”.

Question 2.
What is restriction of internal sheet?
Answer:
The “Internal Style Sheet” is defined and implemented only within an HTML document.

Question 3.
What do you mean by Sitewide Style sheets or External Style Sheets.
Answer:
If we want use the same style to multiple pages, we should define styles as a separate style file. These separate style files are known as Sitewide Style sheets or External Style Sheets.

Question 4.
Write note on inline style.
Answer:
Inline style is used to define style for a particular tag anywhere in an HTML document. We can define styles for any tag within an HTML document. But it is applicable only on that line where it is defined. If we use the same tag, again in the same document, it does not reflect the new style.

Question 5.
Write about CSS Comments.
Answer:
Many times, we may need to put additional comments in our style sheet blocks. We can simply put our comments inside.
/* this is a comment in style sheet */

Part – III

III. Short Answers

Question 1.
Explain Sitewide Style Sheet.
Answer:
Sitewide Style Sheets:
Cascading Style Sheets (CSS) are also called as Sitewide Styie sheets or external style. CSS is a style sheet language used for describing the formatting of a document written in HTML, Using CSS, you can control the font colour, font style, spacing between pages, columns size, border colour, background image or colour and various other effects in a web page.

In external styles, we can store all style information in a separate file and include it in your web pages using an HTML tag. The separate file should be saved with the extension .css

Question 2.
How will link CSS with HTML?
Answer:
Linking CSS with HTML:
The <link> tag is used to add CSS file with HTML in head section. While using <link> tag, the following attributes are also included along with standard values.

• rel = “stylesheet”
• type = “text/css”
• The href attribute is used to link the .css file.

General format of <Link> tag
<Link rel = “stylesheet” type = “text/css” href = CSS_File_Name_with_Extension>

HTML Code for Formatting HTML element through CSS:

Output:

Question 3.
Write HTML code to change the background colour of browser using CSS.
Answer:

Part – IV

IV. Explain In Brief

Question 1.
Tabulate CSS – Frequently using background image and paragraph margin formatting Properties and Values.
Answer:

Must Read:

JINDALSTEL Pivot Point Calculator