CSS, හෝ කැස්කැඩින් ස්ටයිල් ෂීට්, වෙබ් පිටුවකට දෘශ්ය පෙනුම යෙදීම සඳහා නූතන වෙබ් අඩවි නිර්මාණයේ භාවිතා වේ. HTML හී ව්යුහය නිර්මාණය කරන අතර ජාවාස්ක්රිප්ට් හැසිරවීම හැසිරවිය හැකිය, වෙබ් අඩවියක පෙනුම සහ හැඟීම CSS හි වසමයි. මෙම විලාසිතා වලට අදාල වන විට ඒවා බොහෝ විට බාහිර ආකාරයේ ෂීට් භාවිතා කරනු ලැබේ, නමුත් ඔබට CSS ශෛලයන් එකම තනි විශේෂිත මූලද්රව්යයකට යෙදිය හැකිය.
පේළි විලාසයන් යනු පිටුවක HTML හි ඍජුව අදාළ වන CSS ශෛලීන් වේ. මෙම ප්රවේශය සඳහා වාසි සහ අවාසිද ඇත. පළමුව, මෙම ස්වරූපය ලියා ඇත්තේ කෙසේ හරියටම බලමු.
පේළි රේඛාවක් ලියන්න
පේළියේ CSS ශෛලියක් නිර්මාණය කිරීම සඳහා, ඔබ විලාසන පත්රයක් තුළ සමාන වන ආකාරයේ ඔබේ ස්ලයිලයක් ලිවීමෙන් පටන්ගෙන, නමුත් එය එක් එක් රේඛාව විය යුතුය. ඔබට ශෛල පත්රයක් තුළ මෙන් ම සෙමිකෝලෝන් එකකින් බහු ගුණාංග වෙන් කරන්න.
පසුබිම: #ccc; වර්ණය: #fff; මායිම්: ඝන කළු 1px;
ඔබ විලාසිතාවක් කිරීමට අවශ්ය වන මූලද්රව්යයේ ශෛලියේ ස්වරූපය පෙළගැස්විය යුතුය. උදාහරණයක් ලෙස, ඔබගේ HTML හි මෙම ශෛලියක් භාවිතා කිරීමට අවශ්ය නම්, එම අංගය මෙලෙස දිස්වනු ඇත:
මෙම උදාහරණයේදී මෙම විශේෂ ඡේදයේ ආලෝකය අළු පසුබිමක් සහිතව (#ccc ඉදිරිපත් කරන දේ), කළු පාටින් (වර්ණය # 000) සහ 1-පික්සල් ඝන කලු මායිම් සමග ඡේද හතරේ හතර වටා .
පේළි ආකාරයේ වාසි
කැස්කැඩින් ස්ටයිල් ෂීට් කට්ටලයේ ස්මාර්ට් ස්ලයිඩයට ස්මාර්ට් ස්ටයිල්ස් හි ලේඛන වල ඉහළම ප්රමුඛත්වය හෝ විශේෂිතත්වය සතුව ඇත. මෙයින් අදහස් වන්නේ ඔවුන් ඔබගේ බාහිර වර්ණ විලාසිතාවේ අනිත් දේ නියම කරනු ලබනවාට වඩා (එක් එක් ව්යතිරේකය ලෙස නම් කර ඇති ඕනෑම ශෛලියක් සහිතව ය. එම පත්රිකාව වැදගත් ප්රකාශනයකි, නමුත් මෙය නිෂ්පාදන ස්ථාන වල සිදු කළ යුතු දෙයක් නොවේ) වළක්වා ගත හැකිය).
පාඨකයන්ට තමන් විසින්ම භාවිතා කරනු ලබන පරිශීලක මෝස්තර වලට වඩා ඉහළ ප්රමුඛතාවයක් ඇති එකම ශෛලමය. ඔබේ වෙනස්කම් සිදුකිරීමට ඔබට ගැටලුවක් තිබේ නම්, ඔබට මූලද්රව්යයේ පේළි රේඛාව සැකසීමට උත්සාහ කළ හැකිය. ශෛල්යයන් තවමත් ආලම්භන ආකාරයෙන් විදහා නොගනී නම්, ඔබ දන්නවා තවත් දෙයක් යන්නේ.
ආකෘති විලාස පහසුවෙන් එකතු කළ හැකි අතර ඉක්මණින් CSS තේරීම ලිවීමට ඔබට අවශ්ය නොවනු ඇත. ඔබ ඔබට වෙනස් කිරීමට අවශ්ය මූලද්රව්ය සෘජුවම එකතු කරන බැවින් (එම මූලද්රව්යය බාහිර ශෛලියක් තුල ලිවිය යුතු තේරිය ). සම්පූර්ණ නව ලේඛනයක් (බාහිර ආකාරයේ පත්රිකාවලින්) නිර්මාණය කිරීම අවශ්ය නැත, නැතහොත් ඔබගේ ලේඛනයේ හිසෙහි නව මූල මූලයක් සංස්කරණය කරන්න (අභ්යන්තර ශෛල පත්ර සමඟ). ඔබ සෑම HTML අංගයක්ම වලංගු වන ආකාරයේ ස්වරූපය එකතු කරන්න. ඔබ ආකලන විලාසිතාවන් භාවිතා කිරීමට පෙළඹීමට හේතුවක් විය හැකිය. එහෙත් මෙම ප්රවේශයට ඇතැම් ඉතා වැදගත් අවාසි පිළිබඳව ඔබ ද දැනුවත් විය යුතුය.
පේළි රචනා අවාසි
කැටයම් ආකාරයේ ඒවායේ විශේෂ ලක්ෂණ වන්නේ, ඒවායේ අභිප්රාය නොකළ යුතු ය. CSS හි වඩාත් ප්රබලතම අංගයක් වන අතර, CSS ගොනුවේ බොහෝ දේ සහ බොහෝ වෙබ් අඩවි ගණනාවක් නිර්මාණය කිරීමට හැකියාව ලැබෙනු ඇත.
ඔබට පමණක් පේළිය භාවිතා කිරීමට සිදු වූවා නම්, ඔබේ ලේඛන ඉක්මනින් ඉදිමී ඇති අතර නඩත්තු කිරීමට ඉතා අපහසු වේ. මෙම හේතුව නිසා ඔබට අවශ්ය සෑම අංගයක් සඳහාම සරල විලාසයන් යෙදිය යුතුය. එබැවින් ඔබගේ ඡේදයේ සියලු අක්ෂර "Arial" ෆොන්ටම් පවුලට අවශ්ය නම්, ඔබේ ලේඛනයේ එක් එක්
ටැගය සඳහා පේළිගත ශෛලයක් එක් කිරීමට සිදුවේ. මෙම වෙබ් අඩවියේ සෑම පවුලකටම මෙම පිටුව වෙනස් කිරීම සඳහා ඔබට අවශ්ය වන පරිදි නඩත්තු කටයුතු සඳහා නිර්මාණකරු සහ බාගැනීමේ කාලය එකතු කරයි. විකල්පයක් ලෙස, ඔබ වෙනම විචිත්රකයක් භාවිතා කරන්නේ නම්, ඔබට එක් ස්ථානයකදී එය වෙනස් කළ හැකි අතර සෑම පිටුවක්ම එම යාවත්කාලීන කරනු ලැබේ.
ඇත්ත වශයෙන්ම, මෙම වෙබ් අඩවි නිර්මාණයේ පසුගාමී පියවරක් - ටැග් එකට ආපසු යන්න!
ව්යාජ-මූලද්රව්ය හා ඒවා සමඟ-පන්ති විලාසිතාවන්ට අකැපීමට නොහැකි වී ඇත්දැයි ඇති තවත් පසුබිමකි. නිදසුනක් ලෙස, බාහිර ශෛල පත්ර සහිතව, ඔබට සංචාරය කරන ලද, නැඹුරුව, ක්රියාකාරී සහ නැංගුරම් ටැගයක් වර්ණවත්ව සම්බන්ධ කළ හැකිය, නමුත් රේඛීය ආකාරයෙන්, ඔබට ඔබට හැකි ආකාරයේ ස්වරූපය වන්නේ සබැඳුමයි. .
අන්තිමේදී, ඔබේ වෙබ් පිටු සඳහා ඇලූම් ස්ටයිල් භාවිතා නොකිරීමට අපි නිර්දේශ කරමු. ඒවා ගැටළු ඇති කරන අතර පිටු පවත්වා ගෙන යාමට වැඩි වැඩියෙන් කටයුතු කරන්න. අපි ඒවා භාවිතා කරන එකම අවස්ථාව වන්නේ සංවර්ධනය තුළදී අපි ඉක්මනින් ශෛලියක් පරීක්ෂා කිරීමට අවශ්ය වූ විටයි. ඒ එක් මූලද්රව්යයක් සඳහා එය නිවැරදිව බැලූ විට, අපි එය අපගේ බාහිර ශිලා පත්රය වෙත මාරු කරමු.
ජෙනිෆර් ක්රිනින් විසින් ලිපියේ මූලික ලිපිය. ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි.