CSS භාෂාව සමඟ වැඩ කිරීමේ මූලික කරුණු
අපි දැනටමත් HTML භාෂාවේ ප්රධාන ටැග් සාකච්ඡා කර ඇති අතර, දැන් එය අලංකාර කිරීමට කාලය පැමිණ තිබේ. වගන්තියක වර්ණය, එහි ප්රමාණය, පසුබිම සහ තවත් බොහෝ දේ වෙනස් කිරීමේ හැකියාවක් අපට අවශ්යය. මෙය CSS භාෂාව භාවිතයෙන් සිදු කෙරේ.
සාමාන්යයෙන්, CSS අණ (මෝස්තර) වෙනම ගොනුවක ගබඩා කර ඇත, එය විශේෂ ටැගයක් මගින් අපගේ වෙබ් අඩවියේ සියලුම HTML පිටු වෙත සම්බන්ධ කර ඇත.
මෙම ප්රවේශයේ වාසිය නම්, CSS ගොනුව එකක් වන අතර, HTML ගොනු කිසිදු ගණනක් විය හැකිය, දහසක් වුවද. අපි CSS ගොනුවේ එක් ස්ථානයක වෙනස්කම් කළහොත්, උදාහරණයක් ලෙස, සියලු වගන්ති රතු පැහැයට පාන්දර කළහොත්, එම වෙනස්කම් අදාළ වේ දහසක් HTML පිටු, අපගේ CSS ගොනුව සම්බන්ධ කර ඇත. ඉතා පහසු සහ වේගවත්.
මෝස්තර සහිත ගොනුවට .css දිගුව තිබිය යුතුය.
එවැනි ගොනුවක් HTML පිටුවකට සම්බන්ධ කිරීම සඳහා,
head ටැගයේ මෙවැනි නිර්මාණයක් ලිවිය යුතුය:
<link rel="stylesheet" href="fileName.css">
මීළඟ උදාහරණයේදී, අපගේ HTML ගොනුවට styles.css CSS ගොනුව සම්බන්ධ වේ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>This is the title</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>
This is a paragraph with text.
</p>
</body>
</html>
styles.css ගොනුව සාදා ඔබේ සියලු පිටු වෙත සම්බන්ධ කරන්න.
