පරිශීලක මාදිලි පත්රය භාවිතා කළ යුත්තේ ඇයි?
දැන්, මා භාවිතා කරන විලාසිතා විලාසය භාවිතා කරන විට, මම පිවිසෙන සියලු වෙබ් අඩවි සමාන නොවන තත්ත්වයක් ඇති නොකරමි. ඒ වෙනුවට, වෙබ් අඩවියට පිවිසීමට උපකාර වන පරිශීලක රචන පතක් මට තිබේ. පරිශීලක ශෛල පත්රයන් ඔබට වෙබ් පිටු නිර්මාණකරු කුමක් වුවද, කියවීමට සහ භාවිතා කිරීමට පහසු වන පරිදි පිටු අංග අංගයන් මත ඔබට මෝස්තර සකස් කිරීමට ඉඩ සලසයි.
මම දකින දේවල්වලින් එකක් වන්නේ තරුණ වෙබ් අඩවි බොහෝ වෙබ් අඩවි ගොඩනඟා ඇති බවයි. මෙම පුද්ගලයින් අකුරු වලට කැමතියි, හොඳින්, අන්වීක්ෂීය. පරිශීලක ශෛලියේ පත්රයක් භාවිතා කරමින්, මා හට වැඩි වැඩියෙන් කියවිය හැකි අකුරු ප්රමාණයට පෙරනිමි අකුරු මානය සැකසිය හැකිය. වෙබ් නිර්මාණකරුවන් විසින් තවත් ජනප්රිය ප්රයෝග වන්නේ සබැඳි වලින් අවධාරණය කිරීමයි. මෙම පිටුව "වඩා හොඳ" ලෙස පෙනෙන්නට සලස්වන අතර එය ක්ලික් කළ හැකි දේ කියන්නට අමාරුය. එබැවින් පරිශීලක ශෛල පත්ර සහිතව, මා සංචාරය කරන ලද පිටු මත සබැඳි මත නැවත අවධාරණය කරමි.
පරිශීලක ස්ටයිල් පත්රය ලියන්න
පරිශීලක ශෛලිය පත්රිකාවක් ලිවීම ඔබේ වෙබ් පිටුව සඳහා CSS ශෛල පත්රයක් ලිවීම තරම් සරලයි. ඔබට සම්මත ස්ටයිල් පත්රයේ ඔබට සමාන ගුණාංග සහ විධි භාවිතා කළ හැකිය. පරිශීලක ශෛලමය පත්රිකා සඳහා උපාය වන්නේ එය ඔබේ දෘඩ තැටියේ ගබඩා කර ඇති අතර, එය ඔබේ වෙබ් බ්රව්සරයට එය භාවිතා කිරීම බවය. ඔබ භාවිතා කරන වෙබ් බ්රව්සරය අනුව එය සකස් කිරීම සඳහා වූ උපදෙස් වෙනස් වේ:
- Firefox
- වින්ඩෝස් සඳහා Internet Explorer
- Macintosh සඳහා Internet Explorer
- මොසිල්ලා
- ඔපෙරා
- සෆාරි
පරිශීලක ස්ටයිල් පත්ර සහ ප්රවේශ්යතාවය
නැවතත් එකතු කිරීම හෝ අවධාරණය කිරීම හෝ විශාල අකුරු විශාල කර ගැනීම මා වෙත වඩාත් පහසුවෙන් ප්රවේශ විය හැකි වෙබ් අඩවි සෑදීම සඳහා හොඳ ආරම්භයක් වේ. නමුත් පරිශීලක ශෛල පත්ර සහිතව, ඔබට තවදුරටත් යන්න පුළුවන්. උදාහරණයක් ලෙස, බොහෝ වෙබ් නිර්මාණකරුවන් තවමත් වඩාත් අර්ථකථන සහ වඩා භාවිතා කිරීම වෙනුවට ඔවුන්ගේ පිටු සහ ඒවායේ මූලද්රව්ය භාවිතා කරයි. මම අන්ධව සිටියා නම්, ශ්රවණ බ්රව්සරයක් භාවිතා කිරීම, බ්රව්සරයට කුමක් කළ යුතුද යන්න නොදැනෙන අතර, ඒවාට අර්ථකථන අර්ථයක් නැත. නමුත් පරිශීලක ශෛලියේ පත්රයක් සමඟ, ඒවායේ අර්ථකථනය කරන ලද ඒවා මෙන් ශක්තිමත් ලෙස හෝ අවධාරණයෙන් යුතුව ප්රකාශයට පත් කළ හැකිය.
පරිශීලක ස්ටයිල් පත්ර සමඟ සෙල්ලම් කිරීම
පරිශීලක ශෛල පත්ර භාවිතා කිරීමට වඩාත් පොදු ක්රමයක් වන්නේ සබැඳි වලට යටින් යොමුවීමයි. ඔබගේ පරිශීලක ශෛල පත්රය වෙත පහත සඳහන් CSS දේපළ එකතු කිරීම මගින් ඔබ මෙය සිදු කරනු ඇත:
: සබැඳි,: සංචාරය {පෙළ-සැරසිලි: යටි ඉරි ඇඳීම! වැදගත්; }}"! වැදගත්" එකතු කිරීම ශෛලියේ අවසානය දක්වා එකතු කිරීම අත්යවශ්යය, එසේ නොමැති නම්, කර්තෘගේ අර්ථ දක්වන ලද ශෛල පත්රය ඔබගේ පරිශීලක ශෛලිය පත්රයට වඩා ඉහළ අගයක් ගනී.
පරිශීලක ශෛල පත්ර සහිත තවත් ප්රයෝජනවත් උපක්රමයක් වන්නේ වඩාත්ම සිත් රිදවන ටැගයන් අඩු කරදරයක් නොවේ. මෙම විලාසය Blink ටැගය සහ මාකට් ටැග්ස් නිසල බව හෝ අනුචලනය නොකරයි:
මෝඩකම {text-decoration: none! වැදගත්; } පටුන {moz-binding: none! වැදගත්; }}වෙබ් නිර්මාණකරුවන්: මෙය මනසෙහි තබාගන්න
වෙබ් පිටු නිර්මාණය කිරීමේදී ඔබ විසින් පරිශීලක ශෛලමය පත්රයක් සකසා ඇති බව මතක තබා ගන්න. එසේ නොමැති නම්, ඔබ ඔබගේ කණ්ඩායමෙහි අනෙක් සියල්ලන් නොසිතන අතර, ඔබ සබැඳි සියලු කරුණු මත අවධාරණය කරන්නේ මන්දැයි පැය ගණන හා පැය ගනනක් වැය වනු ඇත. ඔබ සිනාසෙන්නට පුළුවන්. නමුත් අද දින ඔබට පරිශීලක ශෛලමය පුවරුව සකසා නම් මාස හයක් තුළ ඔබේ වෙබ් අඩවියේ විලාස වෙනස් කළ හැකිය.
මම කරන්නේ මගේ වෙබ් අඩවියට පිවිසෙන අතර මගේ වෙබ් පිටු පරීක්ෂා කිරීමට මා භාවිතා කරන පෙරනිමි පැතිකඩකි. ඒ විදිහට මම වෙබ් අඩවිය වෙබ් අඩවියට හොයාගන්න පුළුවන්. ඒත් මම දන්නවා බොහෝ අය මගේ වෙබ් පිටුව බලන්න යන ආකාරය. ඔබ Internet Explorer සමඟ පිරික්සීමේදී අවධාරණය කරන්නේ නම්, ඔබේ වෙබ් පිටු පරීක්ෂා කිරීමේදී පරිශීලක ශිලා පත්රය අක්රිය කිරීමට ඔබ මතක තබා ගත යුතුය.