නවකයන් සඳහා HTML සහ CSS අත්පොත
HTML මූලික කරුණු
හැඳින්වීම
HTML භාෂාව
HTML ටැග්
ගුණාංග
විලාසිතා
පිටුවේ මූලික ගොනුව
මූලික ටැග්
චේද
ශීර්ෂක
පෙළ තද කිරීම
පෙළ ඇල කිරීම
නිර්දේශිත ලැයිස්තු
ක්රමවත් ලැයිස්තු
සබැඳි
අභ්යන්තර සබැඳි
රූප
රූපයේ පළල
රූපයේ උස
රූපයේ පළල සහ උස සකස් කිරීම
වගු
වගුවේ පළල සහ උස
ශීර්ෂක කොටු
ප්රායෝගික පන්තිය
CSS මූලික කරුණු
CSS හැඳින්වීම
CSS සමඟ වැඩ කරන්නේ කෙසේද
වර්ණ සඳහා අගයන්
ඕනෑම වර්ණ
පළල සහ උස
පාඨය සැලැස්ම
පාඨය දකුණට සැලැස්ම
පාඨය මධ්යයට සැලැස්ම
පාඨය වමට සැලැස්ම
පාඨය එකවර දකුණට සහ වමට සැලැස්ම
පාඨය සැලැස්ම පිළිබඳ පරිචය
තදකම
ඇලකුරු
අකුරු විශාලත්වය
අකුරු පවුල
පේළි අතර අන්තර්වාරය
ඒකක රහිත line-height අගය
font සංක්ෂිප්ත ගුණාංගය
පාඨයේ රතු පේළිය
පාඨ ආචරණ
පාඨයේ පහළ ඉරි ඇඳීම
පාඨයේ ඉහළ ඉරි ඇඳීම
පාඨය හරස් ඉරි ඇඳීම
පාඨය සඳහා ආචරණ අවලංගු කිරීම
පරිචය
තෝරන්නන්
ටැගවල ඥාති සබඳතා
ගුණාංග උරුම වීම
තෝරන්නන් කණ්ඩායම් කිරීම
පොදු ගුණාංග
අනුප්රාප්තික තෝරන්නන්
දරු තෝරන්නා
පංති තෝරන්නා
span ටැගය
div ටැගය
පංති කණ්ඩායම් කිරීම
දී ඇති පංතියක් සහිත ටැගය
අනුප්රාප්තික තෝරන්නා සහ පංති
අනුප්රාප්තික තෝරන්නා සහ පංතිවල සංකීර්ණ සංයෝජන
අනුප්රාප්තික තෝරන්නා තුළ ආරම්භකයින්ගේ වරද
පංති කිහිපයක් සහිත අංගය
id අනුව තෝරන්නා
id අනුව තෝරන්නා සහ පංති
id භාවිතය
පංති කිහිපයක් අනුව තෝරන්නා
තෝරන්නන් කිහිපයක් එකට
තෝරන්නන් කිහිපයක වරද
සංකීර්ණ තෝරන්නන් කණ්ඩායම් කිරීම
කණ්ඩායම් කිරීමේදී වරද
තෝරන්නන්ගේ සංයෝජන පුහුණුව
තෝරන්නන්ගේ ප්රාථමිකත්වය
ගුණාංග ගැටුම පිළිබඳ සටහන
විශේෂිතතා නීති
අනුප්රාප්තික තෝරන්නන්ගේ ප්රාථමිකත්වය
යාබද තෝරන්නා
සහෝදර තෝරන්නා
සර්වත්ර තෝරන්නා
ගුණාංග තෝරන්නන්
සබැඳිවල තත්වයන්
සබැඳි තත්ව අනුක්රමයේ සූක්ෂ්මතා
link සහ visited තත්වයන්
සබැඳි තත්ව සාමාන්ය භාවිතය
සබැඳි සමඟ සංකීර්ණ තෝරන්නන්
පංතියක් සහිත සබැඳිය
අවසාන අංග තෝරාගැනීම
ස්ථානය අනුව තෝරාගැනීම
එකම අනුප්රාප්තිකයා තෝරාගැනීම
හිස් අංග තෝරාගැනීම
ස්ථානය සහ අංග වර්ග අනුව තෝරාගැනීම
ප්රතික්ෂේප not
අලංකරණය
පසුබිම් වර්ණය
මායිම් සමඟ වැඩ කිරීමේ මූලික කරුණු
කඩදාසි මායිම
තිත් සහිත මායිම
ඉරි සහිත මායිම
උත්තල මායිම
ද්විත්ව මායිම
මායිම සඳහා කෙටි ගුණාංගය
විවිධ පැති සඳහා මායිම්
කොටසේ මායිම් වටකුරු කිරීම
පසුබිමේ මායිම් වටකුරු කිරීම
වෘත්තයක් සෑදීම
විවිධ කොන් සඳහා වටකුරු කිරීම
සිව් අගයන්
අගයන් දෙක
අගයන් තුන
ශතවශයෙන් වටකුරු කිරීම
ශතවශයෙන් වටකුරු කිරීමේදී වෘත්තයක් සෑදීම
පසුබිම සඳහා පින්තූරය
පසුබිම් පින්තූරය පුනරාවර්තනය කිරීම
පසුබිම සඳහා වෙනත් ගුණාංග
ul ලැයිස්තු වල සලකුණු
ul ලැයිස්තු සඳහා චතුරස්රාකාර සලකුණු
ul ලැයිස්තු සඳහා වෘත්තාකාර සලකුණු
ul ලැයිස්තු සඳහා පිරුණු වෘත්තාකාර සලකුණු
ul ලැයිස්තු වල සලකුණු නොමැති වීම
ol ලැයිස්තු වල සලකුණු
ol ලැයිස්තු සඳහා පූර්ව ප්රමාණ රෝමානු ඉලක්කම්
ol ලැයිස්තු සඳහා අග්ර ප්රමාණ රෝමානු ඉලක්කම්
ol ලැයිස්තු සඳහා පූර්ව ප්රමාණ ලතින් අකුරු
ol ලැයිස්තු සඳහා අග්ර ප්රමාණ ලතින් අකුරු
ol ලැයිස්තු සඳහා පූර්ව ප්රමාණ ග්රීක අකුරු
ol ලැයිස්තු සඳහා ඉදිරියෙන් ශුන්යයක් සහිත සංඛ්යා
බ්ලොක් ආකෘතිය
බාහිර ඉඩ margin
විවිධ පැති සඳහා margin ඉඩ
margin හි විවිධ අගයන්
margin හි අගයන් හතර
margin හි අගයන් දෙක
margin හි අගයන් තුන
අභ්යන්තර ඉඩ padding
විවිධ පැති සඳහා padding ඉඩ
padding හි විවිධ අගයන්
අංග පුළුල් කිරීම
අංග පුළුල් කිරීම මත මායිමේ බලපෑම
අංග පුළුල් කිරීම මත padding සහ මායිමේ ඒකාබද්ධ බලපෑම
අංග පුළුල් කිරීම අවලංගු කිරීම
බ්ලොක් අංග
බ්ලොක් අංගයක පළල සහ උස
බ්ලොක් අංගයක පළල
බ්ලොක් අංගයක උස
අන්තර්ගතය නොමැතිව උස
පසෙකට බහු බ්ලොක් අංග
Inline අංග
Inline අංගයක පළල සහ උස
පසෙකට බහු inline අංග
Inline අංග අතර ඉඩ
බ්ලොක් ආකෘතිය අර්ථ දැක්වීම
display ගුණාංගය
Inline-block අංග
Inline-block අංගයක පළල සහ උස
Inline-block අංගයක පළල
Inline-block අංගයක උස
පසෙකට බහු inline-block අංග
බ්ලොක් අංග සම පෙළගස්වා ගැනීම
වම්පස ඉඩ සහිත බ්ලොක් අංගයක් සම පෙළගස්වා ගැනීම
දකුණුපස ඉඩ සහිත බ්ලොක් අංගයක් සම පෙළගස්වා ගැනීම
Inline අංග සම පෙළගස්වා ගැනීම
Inline අංග මධ්යගත කිරීම
බහු inline අංග මධ්යගත කිරීම
Inline අංග දකුණු අයිනට සම පෙළගස්වා ගැනීම
Inline-block අංග සම පෙළගස්වා ගැනීම
Inline-block අංග මධ්යගත කිරීම
Inline-block අංග දකුණු අයිනට සම පෙළගස්වා ගැනීම
Flex අංග
Flex අංගවල දෙමාපියගේ උස
Flex අංගවල දෙමාපියගේ පළල
Inline-block දෙමාපිය
දෙමාපියගේ padding ඉඩ
දෙමව්පියන්ට margin ඉඩ
Flex අංග සම පෙළගස්වා ගැනීම
Flex අංග මධ්යයට සම පෙළගස්වා ගැනීම
දෙමාපිය අනුව flex අංග සම පෙළගස්වා ගැනීම
ඉඩ සහිතව දෙමාපිය අනුව flex අංග සම පෙළගස්වා ගැනීම
සමාන ඉඩ සහිතව දෙමාපිය අනුව flex අංග සම පෙළගස්වා ගැනීම
ස්ථානගත කිරීම
නිරපේක්ෂ
සාපේක්ෂ
මව් අංගයට සාපේක්ෂව නිරපේක්ෂ
නිරපේක්ෂයට සාපේක්ෂව නිරපේක්ෂ
ඛණ්ඩාංක නොමැතිව නිරපේක්ෂ
නිරපේක්ෂ හරහා මධ්යගත කිරීම
නිරපේක්ෂ සෘණ අගයන්
ස්ථාවර ස්ථානගත කිරීම
තිරයේ පළල පුරා බ්ලොක් එක
Z අක්ෂය ඔස්සේ අංග අතිච්ඡාදනය
Z අක්ෂය ඔස්සේ අංග අතිච්ඡාදනය නියාමනය කිරීම
z-index හි සෘණ අගයක් යෙදීමේ සියුම් කරුණු
පාවෙන අංග
float ගුණාංගය හැඳින්වීම
float ගුණාංගය සහ ටැග්
float සහ margin ඒකාබද්ධ කිරීම
float සහ padding ඒකාබද්ධ කිරීම
ටැග් යට පාවෙන අංග
පාවෙන අංගවල මාපියාට ඇති බලපෑම
පාවෙන අංගවල මාපියාගේ උස
පාවෙන අංගවල මාපියාගේ පෙළ
පැතිකඩ
පැතිකඩ අවලංගු කිරීම
clearfix සමඟ වෙන් වූ div
මාපියාගේ උස සහ clearfix
කොටස් සඳහා float ගුණාංගය
float ගුණාංගය සහ බහු කොටස්
float ගුණාංගය සහ පෙළ නොමැති මාපියා
ප්ලෙක්ස්
පේළියක හෝ තීරුවක අලවනු
ප්ලෙක්ස් මූලද්රව්ය ප්රතිලෝම පේළියක අලවනු
ප්ලෙක්ස් මූලද්රව්ය තීරුවකට අලවනු
ප්ලෙක්ස් මූලද්රව්ය සහිත තීරුව ප්රතිලෝම කිරීම
ප්රධාන හා හරස් අක්ෂ
ප්රධාන අක්ෂය ඔස්සේ පෙළගස්වනු
හරස් අක්ෂය ඔස්සේ පෙළගස්වනු
align-items ගුණයේ center අගය
යටිතල උස නොමැතිව මධ්යගත කිරීම
විවිධ උසැති යටිතල සමඟ මධ්යගත කිරීම
align-items ගුණයේ stretch අගය
අක්ෂ ඔස්සේ පෙළගැස්වීම පිළිබඳ ප්රායෝගික කටයුතු
වෙනම මූලද්රව්යයක් පෙළගැස්වීම
flex යටිතල වල අනුපිළිවෙල
ග්රිඩ්
ග්රිඩ් හැඳින්වීම
ට්රැක් සහ රේඛා
දෝශනියෙහි දර්ශනය
කොලම්
fr ඒකකය
භාගික fr
පික්සල් සහ fr
ප්රතිශත සහ fr
repeat ශ්රිතය
auto අගය
auto-fill අගය
minmax ශ්රිතය
auto-fit අගය
පේළි
පේළි සහ කොලම් සඳහා සංක්ෂිප්තය
පේළි ඒකාබද්ධ කිරීම
කොලම් ඒකාබද්ධ කිරීම
ඒකාබද්ධ කිරීම්වල සංයෝජන
කොලම් අතිච්ඡාදනය
කොලම් අතර දුර
පේළි අතර දුර
කොලම් සහ පේළි අතර දුර
ටයිල්
ලේඅඔටු
මෙනුවක් නිර්මාණය කිරීම
වෙබ් අඩවිවල සරල තනි තීරු ලේඅඔටු
බහු රැපර් සහිත ලේඅඔටු යෝජනා ක්රමය
වෙබ් අඩවියේ ව්යුහාත්මක බ්ලොක්
ද්වි-තීරු ලේඅඔටු යෝජනා ක්රමය
වෙබ් අඩවියේ ත්රිත්ව තීරු ලේඅඔටු යෝජනා ක්රමය
වෙබ් අඩවි ලේඅඔටු අංග සඳහා විශේෂ ටැග්
ලේඅඔටුවේ ප්රධාන ටැග්
කොටස් සඳහා ටැග්
ලේඅඔටු මත ප්රායෝගික අභ්යාස
