CSS තේරීම්කරුවන් සඳහා කොමර්ෂල් කරන්නේ කුමක් ද?

සරල කොමාවන් සරල වන්නේ ඇයි?

CSS, හෝ කැස්කැඩින් ස්ටයිල් ෂීට්, වෙබ් අඩවි නිර්මාණකරණයේ පිළිගත් ක්රමයක් වන්නේ වෙබ් අඩවියකට දෘශ්ය විලාසනය එකතු කිරීමයි. CSS සමඟ, ඔබට පිටු සැකසුම, වර්ණ, යතුරු ලියනය , පසුබිම් රූපය සහ තවත් බොහෝ දේ පාලනය කළ හැකිය. මූලික වශයෙන්, එය දෘශ්ය විලාසිතාවක් නම්, එම CSS ඔබේ වෙබ් අඩවියට ගෙන ඒමේ මාර්ගයයි.

ඔබ CSS ආකාරයේ ලේඛනයක් එකතු කරන විට, ලේඛනය දිගු හා දිගු වීමට පටන් ගනී. කුඩා පිටුවක් පමණක් සහිත කුඩා අඩවියක් පවා සෑහෙන CSS ගොනුවක් සමඟ අවසන් විය හැකි අතර, අද්විතීය අන්තර්ගතයන්ගේ පිටු හා බොහෝමයක් සහිත ඉතා විශාල වෙබ් අඩවි විශාල CSS ගොනු ඇත. මෙය සංකීර්ණ වූ වෙබ් අඩවි වල විවිධාකාර තිර සඳහා පෙනෙන ආකාරය වෙනස් කරන ආකාරය වෙනස් කිරීම සඳහා විවිධ ආකාරයේ මාධ්ය විමසුම් අඩංගු වේ.

ඔව්, CSS ගොනු දිගු කල හැක. වෙබ් අඩවි කාර්යක්ෂමතාව හා බාගත වේගයට මෙය විශාල ගැටළුවක් නොවේ. මන්ද දිගු CSS ගොනුව ඉතා කුඩා විය හැකිය (එය සැබැවින්ම පෙළ ලේඛනයක් බැවින්). කෙසේ වෙතත්, සෑම කුඩා ටිකක් පිටු වේගයක් සඳහා ගණනය වේ. එබැවින් ඔබේ ශෛලියේ පටි කොළය සාදාගත හැකි නම් එය හොඳ අදහසකි. "කොමාව" ඔබේ ස්ලයිඩ් පත්රයේ ඉතාම ප්රයෝජනවත් වේ!

කොමාවන් සහ CSS

CSS තේරීම්කාරක සිරස්තල තුළ කොමාව ක්රියා කරන ආකාරය ගැන ඔබ කල්පනා කළ හැකිය. වාක්ය ඛණ්ඩවල මෙන්, කොමාව පැහැදිළි කිරීමක් නොව, කේතාංකය වෙන් කරන්නන් වෙත යවයි. සීඑස්එස් තේරීම්කාරකයේ කොමාවන් බොහෝමයක් එකම තේරීම්කාරක තුළ වෙන් කර ඇත.

උදාහරණයක් ලෙස, පහත දැක්වෙන CSS පහත දැක්වේ.

th {වර්ණය: රතු; }}
td {වර්ණය: රතු; }}
p.red {වර්ණය: රතු; }}
div # firstred {වර්ණය: රතු; }}

මෙම රීතියෙන් ඔබ ඔබට th tag, td ටැග්, පරමාණුව රතු පාටින් ඇති අතර, ID ලකුණ සමඟ පළමු ටැග් ලේබලය රතු පැහැයෙන් යුක්තය.

මෙය සම්පූර්ණයෙන්ම පිළිගත CSS, නමුත් එය මෙසේ ලියමින් සැලකිය යුතු දුර්වලතා දෙකක් තිබේ:

• අනාගතයේ දී මෙම ගුණාංගවල නිල් වර්ණය වෙනස් කිරීමට ඔබට තීරණය කළහොත්, ඔබේ රචනයෙහි සිව් වතාවක් එම වෙනස සිදු කිරීමට සිදු වේ.
• එය ඔබට අවශ්ය නොවන ඔබේ රචනා පත්රයට අතිරේක චරිත ගණනක් එකතු කරයි. මෙම 4 විලාසිතාවන් අනවශ්ය ලෙස පෙනෙන්නට නොතිබුණත්, ඔබ ඔබේ මුළු ශෛලියේම මේ ආකාරයෙන් කරමින් සිටිනවා නම්, රේඛාවන් එකතු කර ඇති අතර එම පත්රය බොහෝ විය හැකිය.

මෙම අඩුලුහුඩුකම් වළක්වා ගැනීමට සහ ඔබේ CSS ගොනුව දියත් කිරීමට, අපි කොමාවන් භාවිතා කිරීමට උත්සාහ කරමු.

තේරීම්කරුවන් වෙන් කිරීම සඳහා කොමා භාවිතා කිරීම

වෙනම CSS තේරීම්කරුවන් 4 ක් සහ 4 රීති ලිවීම වෙනුවට ලිවීම වෙනුවට, එක් එක් තේරීම්කාරයන් වෙන්වීමක් සහිතව වෙන් කිරීම මගින් ඔබට මෙම සියළුම විලාසයන් එක ගණයක දේපළකට ඒකාබද්ධ කළ හැකිය. මෙන්න එය සිදු කරන්නේ කෙසේද?

th, td, p.red, div # firstred {වර්ණය: රතු; }}

කොමා චරිතය මූලික වශයෙන් තේරී පත්වූයේ "සහ" යන වචනය ලෙස ක්රියා කරයි. එබැවින් මෙය t h ටැග්වලට අදාළ වන අතර td ටැග් සහ පේළි ටැග් රීඩ් සහ ID ටැග් එක සමඟ පළමු ටැග් එකට අදාල වේ. අප මීට පෙර තිබුනේ හරියටම, නමුත් CSS රීති 4 ක් අවශ්යව තිබුනත්, බහු තේරීම්කරුවන් සමග තනි පාලනයක් ඇත. කොමාව තෝරාගන්නා තුළ මෙය සිදු කරයි, අපට එක රීතියක් තුල බහු තේරුම් කරු ඇති කිරීමට ඉඩ දෙයි.

මෙම ප්රවිෂ්ටය පෝෂිත, පිරිසිදු CSS ගොනුවක් සඳහා පමණක් වන අතර, එය තවදුරටත් පහසු කරවයි. ඔබ රතු සිට නිල් පාට සිට වෙනස් කිරීමට අවශ්ය නම්, ඔබට ඇත්තේ එකම ස්ලයිඩයේ රීති අනුව නොව එකම ස්ථානයක වෙනස් කිරීම පමණි! මෙම කාලය ඉතුරුම් මුළු CSS ගොනුවක් ගැනම සිතා බලන්න. දිගු ගමනේ දී ඔබට කාලය සහ ඉඩ ඉතිරි කර ගත හැකි ආකාරය බලන්න!

සංintax විචලනය

එක් අයෙක් එක් රේඛාවක් එකින් එක ලියන්න වෙනුවට, තමන්ගේම රේඛාව මත වෙන් කිරීම මගින් CSS වඩාත් කියවිය හැකි වේ. මෙය සිදු වන්නේ මෙයයි:

වන,
td,
ප.ව.
div # පළමු
{
වර්ණය: රතු;
}}

එක් එක් තේරීම්කාරකය පසු ඔබ කොමාවකට තැබිය යුතු අතර, ඊළඟ තේරීම්කාරයා තමන්ගේම රේඛාවකට කැඩීම සඳහා "ඇතුල් කරන්න" භාවිතා කරන්න. අවසන් තේරීම්කාරකයෙන් පසු කොමාවක් එකතු නොකරන්න.

ඔබේ තේරීම්කරුවන් අතර කොමා භාවිතා කිරීමෙන්, අනාගතයේදී යාවත්කාලීන කිරීමට පහසු වන අතර එය අදටත් කියවන්න පහසු ය.

ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. 5/8/17 ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි