0% found this document useful (0 votes)
11 views

11CA 13 CSS - Cascading Style Sheets

The document discusses CSS and its properties. It contains questions about CSS fundamentals and short explanations. CSS is used to style and lay out web pages. It allows setting colors, fonts, spacing and more for different elements. CSS code is added to HTML pages to define styles for different tags and elements.

Uploaded by

kms195kds2007
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
11 views

11CA 13 CSS - Cascading Style Sheets

The document discusses CSS and its properties. It contains questions about CSS fundamentals and short explanations. CSS is used to style and lay out web pages. It allows setting colors, fonts, spacing and more for different elements. CSS code is added to HTML pages to define styles for different tags and elements.

Uploaded by

kms195kds2007
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

11 Computer Application / Chapter 13 / CSS - Cascading Style Sheets

Part – I
Choose the correct answer
1) Expansion of CSS
(A) Cascading Style Schools (B) Cascading Style Scheme
(C) Cascading Style Sheets (D) Cascading Style Shares
2) Which of the following is the page level style?
(A) <Page> (B) <Style> (C) <Link> (D) <H>
3) CSS is also called as:
(A) Sitewide Style Sheets (B) Internal Style Sheets
(C) Inline Style Sheets (D) Internal Inline Sheets
4) The extension of CSS file is
(A) .ssc (B) .css (C) .csc (D) .htm
5) What is selector?
(A) Property (B) Value (C) HTML tag (D) name
6) The Declaration block of CSS is surrounded by
(A) ( ) (B) [ ] (C) { } (D) <>
7) The declaration should be terminated by
(A) : (B) ; (C) . (D) ,
8) What is the property to set text as bold?
(A) Font-Style (B) Font-Weight (C) Font-Property (D) Font-Bold
9) Which of the following indicates that the text included is a comment ?
(A) /* */ (B) !* *! (C) <* *> (D) \* *\
10) Which of the following ways below is correct to write a CSS?
(A) p{color:red; text-align:center}; (B) p {color:red; text-align:center}
(C) p {color:red; text-align:center;} (D) p (color:red;text-align:center;)

Part – II
Very Short Answers
1) What is the use of <style> tag?
 A style tag is used to change the default characteristics of a particular tag in the entire web
document wherever that tag is used.
 The <style> tag controls the presentation styles of a particular HTML document

2) What is CSS?
 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.

3) Write the general format of linking CSS with HTML.


The <link> tag is used to add CSS file with HTML in head section
<Link rel = “stylesheet” type = “text/css” href = CSS_File_Name_with_Extension>

4) What is Inline Style?

11 CA / Chapter 13 / Page 1 of 3
 “Inline style” ,which is used to define style for a particular tag anywhere in an HTML
document.
 You can define styles for any tag within an HTML document. But it is applicable only on that
line where it is defined .
 If you use the same tag, again in the same document, it does not reflect the new style

5) Write down general format of CSS declaration.


Selector Declaration
HTML Tag { Properties : Values; }
Part-III
Short Answers
1) What are the advantages of using CSS?
 Maintainability -CSS are also defined and stored as separate files. So, the style and
appearance of a web page can be dynamically changed and maintained with less effort.
 Reusability - The styles defined in CSS can be reused in multiple HTML pages.
 Easy to understand - The tags in web pages are well organized with style specifications and
therefore it is easy to understand.

2) Write a short note on rule of CSS.


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

3) Write a CSS file to define text color and alignment to <p> tag.
P
{
color : yellow ;
Text-align : center;
}

4) Write a CSS file to define font type, style and size to <h1> tag.
P
{
Font-family : “Arial”;
Font-style : Italic;
Font-size : 12px;
}

11 CA / Chapter 13 / Page 2 of 3
Part-IV
Explain in Detail
1) Write an HTML document to display the following paragraph as per the given description
Using CSS:
• Font Name : Cooper Black
• Style : Bold Italics
• Color : Blue
“The State Institute of Education (SIE) was established in 1965 to provide for systematic
study of problems relating to School Education under the administration of Directorate
of School Education.”

Answer :
<HTML>
<HEAD><TITLE>State Institute of Education (SIE) </TITLE>
<STYLE>
P { font-family:"Cooper Black";
font-weight: Bold;
font-style :Italic;
color :blue;
}
</STYLE>
</HEAD>
<BODY>
<P>
The State Institute of Education (SIE) was established in 1965 to provide for systematic
study of problems relating to School Education under the administration of Directorate
of School Education.</P>

</BODY>
</HTML>

2) List and explain the Font and text element properties and values used in CSS.

Formatting Properties Values Examples


Text Colour Color Predefined_Color_Name P { color : pink; }
Text Alignment Text-align Center / Left / Right / Justify P { Text-align : center; }
Font type Font-family Font_name P { Font-family : “Arial”; }
Font Style Font-style Normal / Italic P { Font-style : Italic; }
Font Style (Bold) Font-weight Normal / Bold P { Font-weight : bold; }
Font size Font-size Size in pixels P { Font-size : 14px; }

11 CA / Chapter 13 / Page 3 of 3

You might also like