CSS පන්ති කිහිපයක් සහිත අංගය
ඔබට CSS පන්ති කිහිපයක් එකවර යම් ටැගයකට ලබා දිය හැක.
මෙය සිදු කිරීම සඳහා, class ගුණාංගය තුළ මෙම පන්ති
හිස් තැනකින් වෙන් කර ලැයිස්තු ගත කළ යුතුය.
අපි උදාහරණයක් බලමු. අපට CSS පන්ති කිහිපයක් ඇතැයි සිතමු:
css.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
අපි ඡේදයකට පළමු පන්තිය සහ දෙවන පන්තිය ලබා දෙමු:
html<p class="error large">
lorem ipsum
</p>
Задание 1
ඔබට පහත පන්ති ලබා දී ඇතැයි සිතමු:
css.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
ඔබට ඡේද 4 ක් ද ඇතැයි සිතමු.
ඉදිරිපත් කරන ලද පන්ති භාවිතා කර, පළමු ඡේදය
හරිත පැහැති සහ විශාල අකුරු මානයකින්, දෙවන ඡේදය
රතු පැහැති සහ කුඩා අකුරු මානයකින්, තෙවන ඡේදය
රතු පැහැති සහ විශාල අකුරු මානයකින්, සහ හතරවන ඡේදය
හරිත පැහැති සහ කුඩා අකුරු මානයකින් පෙනෙන ආකාරයට
කරන්න.
Задание 2
ඔබම 3 CSS පන්ති කිහිපයක් සිතා ගන්න.
යම් ටැගයකට ඔබ සිතා ගත් පන්ති තුනම එකවර ලබා දෙන්න.