CSS – தொடரும் பணி தாள்கள்

11ஆம் வகுப்பு Computer Applications / கணினி பயன்பாடுகள் தமிழ் மீடியம் | மாதிரி வினாத்தாள்கள் | முக்கிய வினாக்கள் | கேள்வி விடை தொகுப்பு | வினாத்தாள்கள் | பொதுத்தேர்வு மாதிரி வினாத்தாள்கள் , Computer Applications / கணினி பயன்பாடுகள் பாடத்திற்கான மாதிரி வினாத்தாள்கள், முக்கிய கேள்வி-விடைகள், ஒருமார்க் கேள்விகள், காலாண்டு & பொதுத்தேர்வு கேள்வித் தொகுப்புகள்

Questions:

Multiple Choice Question

9 x 1 = 9

தொழில்சார்ந்த வலை உருவாக்குபவர்கள் ________ பாணியைப் பயன்படுத்துவதில்லை.

(a)

வெளிநிலை

(b)

உள்நிலை

(c)

பொதுநிலை

(d)

இவை எதுவுமில்லை

_________ ஒரு HTML ஆவணத்தின் உள்ளேயே வரையறுக்கப்பட்டு நடைமுறைப்படுத்தப்படுகிறது.

(a)

உள்நிலைபாணி தாள்கள்

(b)

வெளிநிலைபாணி தாள்கள்

(c)

Global Style Sheet

(d)

இவை எதுவுமில்லை

உரையை தடிப்பாக அமைக்க பயன்படும் பண்பு எது?

(a)

Font-Style

(b)

Font-Weight

(c)

Font-Property

(d)

Font-Bold

CSS – ன அறிவிப்பு தொகுதி எந்த குறியால் சூழப்பட்டுள்ளது?

(a)

( )

(b)

[ ]

(c)

{ }

(d)

அறிவிப்பு இந்த புள்ளியால் முடிக்கப்படுகிறது

(a)

;

(b)

(c)

(d)

( : )

தேர்வி என்றால் என்ன?

(a)

பண்பு

(b)

மதிப்பு

(c)

HTML ஒட்டு

(d)

பெயர்

CSS கோப்பின் நீட்டிப்பு யாது?

(a)

.ssc

(b)

.css

(c)

.csc

(d)

.htm

CSS –யை பின்வருமாறு அழைக்கலாம்

(a)

Sitewide Style Sheets

(b)

Internal Style Sheets

(c)

Inline Style Sheets

(d)

Internal Inline Sheets

CSS ன் விரிவாக்கம்

(a)

Cascading Style Schools

(b)

Cascading Style Scheme

(c)

Cascading Style Sheets

(d)

Cascading Style Shares

Generic 2

6 x 2 = 12

10.

குறிப்புரை பற்றி குறிப்பு தருக.

11.

உள்நிலை பாணி தாள்களின் வரம்பு யாது?

12.

CSS அறிவிப்பின் பொது வடிவத்தை எழுதுக

13.

உள்ளமை பாங்கு என்றால் என்ன?

14.

CSS என்றால் என்ன?

15.

< style > ஒட்டின் பயன் யாது?

Generic 3

3 x 3 = 9

16.

< h1 > ஒட்டிற்கான எழுத்து வகை, பாணி மற்றும் அளவு வரையறுப்பதற்கான CSS கோப்பினை எழுதுக

17.

CSS விதிமுறைகளை சுருக்கமாக எழுதுக

18.

CSS பயன்படுத்துவதன் நன்மைகள் யாவை?

Generic 5

2 x 5 = 10

19.

CSS-ல் உள்ள எழுத்து மற்றும் உரை உறுப்பு பண்புகளை அதன் மதிப்புகளோடு பட்டியலிட்டு விளக்கவும்

20.

கீழ்க்கண்ட பத்தியை கொடுக்கப்பட்ட CSS விளக்கத்துடன் திரையிட HTMLஆவணத்தை எழுதுக:
i. Font Name: Cooper Black
ii. Style: Bold Italics
iii. 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.”

Visit QB365-SLMS - https://www.qb365.in/slms/

Answers Key:

Multiple Choice Question

9 x 1 = 9

(b)
உள்நிலை

(a)
உள்நிலைபாணி தாள்கள்

(b)
Font-Weight

(a)
;

(b)
.css

(a)
Sitewide Style Sheets

Generic 2

6 x 2 = 12

10.

சில நேரங்களில் கூடுதலான குறிப்புரைகளை பாணி தாள் தொகுதியில் இட வேண்டியிருக்கும். அதனால் பாணி தாளில் எந்த பகுதியிலும் குறிப்புரையை இடுவது மிக எளிது. குறிப்புரையை எளிதாக /* ..... this is a comment in style sheet .....*/. என்ற குறிகளுக்குள் கொடுக்கலாம்.

11.

உள்நிலை பாணி தாள், ஒரு HTML ஆவணத்தின் உள்ளேயே வரையறுக்கப்பட்டு நடைமுறைப்படுத்தப்படுகிறது.

12.

CSS பாணி வரையறை:

13.

ஒரு குறிப்பிட்ட ஓட்டின் பாணியை ஒரு HTML ஆவணத்தின் எந்த ஒரு இடத்திலும் வரையறுக்க முடியும். இதற்கு உள்ளமை பாணி (Inline style) என்று பெயர். எந்த ஒரு ஓட்டிற்கும் பாணியை HTML ஆவணத்தில் வரையறுக்க முடியும். இது வரையறுக்கப்பட்ட வரிக்கு மட்டுமே அதே ஆவணத்தில் பயன்படுத்தினால், புதிய பாணி பிரதிபலிக்காது.

14.

தொடரும் பாணி தாள்கள் (CSS) தளபரப்பு அல்லது வெளிநிலை பாணி தாளாகும். தொடரும் பாணி தாள்கள் என்பது பாணி தாள் மொழியாகும். இது HTML -ல் ஓர் ஆவணத்தின் வடிவமைப்பை விவரிக்கிறது. CSSயைப் பயன்படுத்தி, எழுத்து நிறம், எழுத்து பாணி, பக்கங்களுக்கு இடையேயான இடைவெளி, நெடுவரிசையின் அளவு, எல்லையின் வண்ணம், பின்புற படம் அல்லது நிறம் மற்றும் வலைப்பக்கத்திலுள்ள பிற விளைவுகளைக் கட்டுப்படுத்துகிறது.

15.

ஒரு ஓட்டை ஆவணம் முழுவதும் ஒரே சீராகப் பயன்படுத்த வேண்டியிருக்கும். இதற்கு பாணி ஒட்டு (style) பயன்படுகிறது. வலை ஆவணத்தில் ஒரு குறிப்பிட்ட ஒட்டு எங்கெல்லாம் இடம் பெற்றுள்ளதோ அங்கெல்லாம் ஓட்டின் முன்னியல்பான பண்பியல்புகளை மாற்றி அமைக்க பாணி ஒட்டு பயன்படுகிறது.
எ.கா:
< h3 > என்ற தலைப்பு ஒட்டு பக்கம் முழுவதும் எழுத்து பாணி, அளவு மற்றும் நிறம் ஆகியவற்றை மாற்றி அமைக்க ஓட்டை கீழ்வரும் தலைப்பு பகுதியின் மூலம் வரையறுக்கலாம்.
< style >
h3
{
colr: blue;
font - family: "Copper plate Gothic Bold";
font - size: 14 pt;
}
< /style >

Generic 3

3 x 3 = 9

16.

Mystyle.css
H1
{
font - family: "Comic Sans MS";
font - style: italic;
font - size: 24 px;
}
CSS_Test.htm
< html >
< head >
< title > Demonstration of using CSS < /title >
< link rel = "stylesheet" type = "text/css" href = "mystyle.css" >
< /head >
< body >
< H1 > Welcome to CSS < /H1 >
< P >
CSS was invented by HakonWium Lie on October 10, 1994 and maintained through a group of people within the W3C called the CSS Working Group. The CSS Working Group creates documents called specifications. When a specification has been discussed and officially ratified by W3C members, it becomes a recommendation.
< /P >
< body >
< html >

17.

CSS பாணி வரையறுப்பின் இரண்டு முதன்மைப் பகுதிகள் தேர்வி மற்றும் அறிவித்தல் தேர்வி (Selector) என்பது பாணிகளை இடுவதற்கான HTML ஓட்டினைக் குறிக்கிறது.
அறிவித்தல் என்பது பாணி வரையறுப்பைக் கொண்ட குறிமுறைத் தொகுதியைக் குறிக்கிறது. இது நெரிவு அடைப்புக்குறிக்குள் ( { } ) கொடுக்கப்படுகிறது.
ஒரு தேர்விக்கு எத்தனை பண்புகளை வேண்டுமானாலும் சேர்க்கலாம். அவை அரைப்புள்ளியால் பிரிக்கப்படுகிறது. பண்பின் பெயரும் அதன் மதிப்பும் முக்கர் புள்ளியால் ( : ) பிரிக்கப்படுகிறது. ஒவ்வொரு வரையறுப்பும் அரைப்புள்ளியால் ( ; ) முடிக்கப்பட வேண்டும்.

18.

தொடரும் பாணி தாள்களின் நன்மைகள்: (Advantages of CSS)
பராமரிப்புத் திறன் (Maintainability):
CSS என்பது வரையறுக்கப்பட்டு தனிக் கோப்புகளாகச் சேமிக்கப்படுவதால் வலைப்பக்கத்தில் பாணி மற்றும் தோற்றம் இயங்கும் நிலையில் மாற்றப்பட்டு, குறைந்த முயற்சியில் பராமரிக்கப்படுகிறது.
மறுபயன் திறன் (Reusability):
CSS ல் வரையறுக்கப்பட்ட பாணிகள் பல்வேறு HTML பக்கங்களில் திரும்ப திரும்ப பயன்படுகிறது.
புரிந்துகொள்ளும் திறன் (Easy to understand):
வலைப்பக்கங்களில் உள்ள ஓட்டுகளின் பாணிகள் நல்ல முறையில் வரையறுக்கப்பட்டுள்ளதால் அவை எளிதில் புரிந்துகொள்ளும் வகையில் அமைந்துள்ளது.

Generic 5

2 x 5 = 10

19.

வடிவூட்டல்	பண்புகள்	மதிப்புகள்	எடுத்துக்காட்டு
உரைநிறம்	நிறம்	Predefined_Color_Name	P color:pink; } HI { color: MediumSeaGreen; }
உரை இசைவு	Text-align	Center / Left/Right/ Justify	P { Text-align:center; }
எழுத்து வகை	Font-family	Font_name	P { Font-family:"Times New Roman"; }
எழுத்துப்பாணி	Font-style	Normal/ Italic	P { Font-family:"Times New Roman"; Font-style:Italic; }
எழுத்துப்பாணி தடித்து	Font-weight	Normal/ Bold	P { Font-family:"Times New Roman:; Font-style:Italic; Font-weight:bold; }
எழுத்து அளவு	Font-size	Size in Pixels	P { Font-family:"Times New Roman"; Font-style:Italic; Font-size:14px }
பின்புற வண்ணம்	background-color	Predefined Color_Name	Body { background-color: violet; }
எல்லையின் வண்ணம்	Border	Border thickness border style Predefined borderColor_Name	H2 { border: 2px solid red;)
பின்புற படம்	Background-image	URL("Image name with extension")	Body { background-iamge:url ("Flower gif"); }
	Background repeat	norepeat	Body { background-iamge:url ("Flower gif"); background-repeat:norepeat; }
	Background position	Direction	Body { background-image:url (Flower.gif'); background-repeat:norepeat; background-position:right top; }
பத்தி ஓரம்	Margin-top Margin-bottom Margin -left Margin-right	Margin size in pixesls	P { Margin-top : 50px Margin-left : 50 px; }

20.

HTML CODE:
Mystyle.css
H1
{
font - family: "Comic Sans MS";
Font - weight: Bold;
border: 2 px solid blue;
}
P {
Font - family: "Cooper Black";
font - style: Italic;
color: Blue;
Font - weight: bold;
}
CSS_Test.htm
< html >
< head >
< title > Demonstration of using CSS < /title >
< link rel = "stylesheet" type = "text/css"
href = "mystyle.css" >
< /head >
< body bgcolor = yellow >
< H1 > State Institute of Education (SIE) < /H1 >
< 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 od School Education.
< /P >
< body >
< html >
வெளியீடு: