விழுத்தொடர் பாணி தாள்கள் நன்மைகள்

இந்த CSS குறுகிய பாடநூல் மூலம் உண்மைகள் கிடைக்கும்

விழுத்தொடர் பாணி தாள்கள் பல நன்மைகள் உள்ளன. அவர்கள் உங்கள் முழு வலைத்தளத்திலும் ஒரே பாணியைப் பயன்படுத்த அனுமதிக்கிறார்கள். இதை செய்ய இரண்டு வழிகள் உள்ளன:

1. LINK உறுப்புடன் இணைத்தல்
2. @ இறக்குமதி கட்டளை கொண்டு இறக்குமதி செய்தல்
   1. <பாணி>
   2. @ இறக்குமதி URL ('http://www.yoursite.com/styles.css');

புற நடைத்தாள்கள் பற்றிய நன்மைகள் மற்றும் குறைபாடுகள்

அடுக்கு நடைத்தாள்கள் பற்றி சிறந்த விஷயங்களை ஒரு உங்கள் தளத்தில் தொடர்ந்து வைத்திருக்க அவற்றை பயன்படுத்த முடியும். இதை செய்ய எளிதான வழி ஒரு வெளிப்புற நடை தாள் இணைக்க அல்லது இறக்குமதி செய்வதாகும். உங்கள் தளத்தின் ஒவ்வொரு பக்கத்திற்கும் நீங்கள் அதே வெளிப்புற நடை தாளைப் பயன்படுத்தினால், அனைத்து பக்கங்களும் ஒரே பாணியைக் கொண்டிருப்பதை உறுதிப்படுத்தலாம்.

வெளிப்புற நடைத்தாள்கள் பயன்படுத்த நன்மைகள் சில நீங்கள் ஒரே நேரத்தில் பல ஆவணங்கள் தோற்றம் மற்றும் உணர்வை கட்டுப்படுத்த முடியும். உங்கள் வலைத்தளத்தை உருவாக்க மக்களுக்கு ஒரு குழுவுடன் வேலை செய்தால் இது மிகவும் பயனுள்ளதாக இருக்கும். பல பாணி விதிகளை நினைவில் கொள்ள கடினமாக இருக்கலாம், மற்றும் நீங்கள் ஒரு அச்சிடப்பட்ட பாணி வழிகாட்டியைப் பெற்றிருக்கும் போது, ​​அது எப்போது வேண்டுமானாலும் உதாரணமாக உரை 12 புள்ளியில் ஏரியல் எழுத்துரு அல்லது 14 புள்ளி கொரியாவில் எழுதப்பட வேண்டும் என்பதைத் தீர்மானிக்க வேண்டும்.

நீங்கள் பல HTML உறுப்புகளில் பயன்படுத்தக்கூடிய பாணிகளின் வகுப்புகள் உருவாக்க முடியும். உங்கள் பக்கத்தில் உள்ள பல்வேறு விஷயங்களுக்கு முக்கியத்துவம் கொடுக்கும் விதமாக நீங்கள் சிறப்பு விங்சிங் எழுத்துருவைப் பயன்படுத்தினால், நீங்கள் ஒவ்வொரு நடைமுறைக்குமான ஒரு குறிப்பிட்ட பாணியை வரையறுப்பதற்கு பதிலாக அவற்றை உருவாக்க உங்கள் பாணி தாளை அமைத்த Wingdings வர்க்கத்தைப் பயன்படுத்தலாம்.

நீங்கள் உங்கள் பாணியை மிகவும் திறமையாகக் குழுக்கலாம். CSS க்கு கிடைக்கும் அனைத்து குழும முறைகள் வெளிப்புற பாணி தாள்களில் பயன்படுத்தப்படலாம், இது உங்கள் பக்கங்களில் அதிக கட்டுப்பாடு மற்றும் நெகிழ்வுத்தன்மையை உங்களுக்கு வழங்குகிறது.

என்று கூறினார், வெளிப்புற பாணி தாள்கள் பயன்படுத்த கூடாது என்று மிகவும் நல்ல காரணங்கள் உள்ளன. ஒன்றுக்கு, அவர்கள் நிறைய இணைப்பை இணைத்தால், பதிவிறக்க நேரம் அதிகரிக்க முடியும்.

ஒவ்வொரு முறையும் நீங்கள் ஒரு புதிய CSS கோப்பை உருவாக்கவும் அல்லது இணைக்கவும் அல்லது அதை உங்கள் ஆவணத்தில் இறக்குமதி செய்ய வேண்டும், அதற்கு வலை கோப்பிற்கு வலை சேவையகத்திற்கு மற்றொரு அழைப்பைப் பெற வலை உலாவி தேவைப்படுகிறது. மற்றும் சர்வர் அழைப்புகள் பக்கம் சுமை நேரங்களை மெதுவாக்கும்.

நீங்கள் ஒரு சிறிய எண்ணிக்கையிலான பாணிகளை மட்டுமே கொண்டிருந்தால், உங்கள் பக்கத்தின் சிக்கலான தன்மையை அதிகரிக்க முடியும்.
பாணிகளை HTML இல் காண இயலாது என்பதால், பக்கம் பார்க்கும் எவரும் என்ன நடக்கிறது என்பதைக் கண்டுபிடிக்க மற்றொரு ஆவணம் (CSS கோப்பு) பெற வேண்டும்.

வெளிப்புற உடை தாளை எவ்வாறு உருவாக்க வேண்டும்

வெளிப்புற பாணி தாள்கள் பதிக்கப்பட்ட மற்றும் இன்லைன் பாணி தாள்கள் போலவே எழுதப்பட்டுள்ளன. ஆனால் நீங்கள் எழுத வேண்டிய அனைத்து பாணி தேர்வுக்குழு மற்றும் அறிவிப்பு ஆகும் . உங்களிடம் STYLE உறுப்பு அல்லது பண்புக்கூறு தேவையில்லை.

அனைத்து மற்ற CSS போலவே, ஒரு விதிமுறை தொடரியல் உள்ளது:

தேர்ந்தெடுப்பாளர் {சொத்து: மதிப்பு; }

இந்த விதிகள் நீட்டிப்பு. CSS உடன் ஒரு உரை கோப்பில் எழுதப்பட்டுள்ளன. உதாரணமாக, நீங்கள் உங்கள் பாணி தாள் styles.css பெயரிடலாம்.

நீங்கள் ஒரு நடை தாள் ஆவணத்தை வைத்திருந்தால், உங்கள் வலை பக்கங்களுக்கு அதை இணைக்க வேண்டும். மேலே குறிப்பிட்டபடி, இது இரண்டு வழிகளில் செய்யப்படுகிறது.

CSS ஆவணங்களை இணைத்தல்

ஒரு நடை தாள் இணைக்க, நீங்கள் LINK உறுப்பு பயன்படுத்த. இந்த பண்புகளை உறவினர்கள் மற்றும் href உள்ளது. நீங்கள் இணைப்பதை (உலாவி தாள்) இந்த உலாவிக்கு சொல்கிறது, மேலும் href பண்புக்கூறு CSS கோப்பிற்கான பாதையை வைத்திருக்கிறது.

நீங்கள் இணைக்கப்பட்ட ஆவணத்தின் MIME வகையை வரையறுக்க பயன்படுத்தக்கூடிய ஒரு விருப்ப பண்புக்கூறு வகை உள்ளது. இது HTML5 இல் தேவையில்லை, ஆனால் HTML 4 ஆவணங்களில் பயன்படுத்தப்பட வேண்டும்.

இங்கே நீங்கள் ஒரு CSS நடை தாள் இணைக்க பயன்படுத்தும் குறியீடு styles.css:

மற்றும் ஒரு HTML 4 ஆவணத்தில் நீங்கள் எழுத வேண்டும்:

type = "text / css" >

CSS நடைத்தாள்கள் இறக்குமதி

இறக்குமதி செய்யப்பட்ட ஸ்டைல் ​​ஷீட்கள் STYLE உறுப்புக்குள் வைக்கப்படுகின்றன. நீங்கள் விரும்பினால் நீங்கள் அதே பதிக்கப்பட்ட பாணிகளை பயன்படுத்த முடியும். நீங்கள் இணைக்கப்பட்ட பாணி தாள்கள் உள்ள இறக்குமதி பாணியை சேர்க்க முடியும். STYLE அல்லது CSS ஆவணம் உள்ளே, எழுதவும்:

@ இறக்குமதி URL ('http://www.yoursite.com/styles.css');