அடுக்கு நடைத்தாள்கள் என்ன?
வலைத்தளங்கள் படங்கள், உரை, மற்றும் பல்வேறு ஆவணங்கள் உள்ளிட்ட தனிப்பட்ட துண்டுகளாக உள்ளன. இந்த ஆவணங்கள் PDF பக்கங்களைப் போன்ற பல்வேறு பக்கங்களிலிருந்து இணைக்கப்படக்கூடியவை மட்டுமல்லாமல், ஒரு பக்கத்தின் மற்றும் CSS (அடுக்கு நடை தாள்) ஆவணங்களை நிர்ணயிக்க HTML ஆவணங்களைப் போன்ற பக்கங்களை உருவாக்குவதற்கு பயன்படுத்தப்படும் ஆவணங்களும் அடங்கும். ஒரு பக்கத்தின் தோற்றத்தை நிர்ணயிக்க. இந்த கட்டுரையில் CSS என்ன செய்ய முடியும், இது என்ன உள்ளடக்கியது மற்றும் இன்று வலைத்தளங்களில் பயன்படுத்தப்படும் எங்கே.
ஒரு CSS வரலாறு பாடம்
வலை வடிவமைப்பாளர்களுக்கு அவர்கள் உருவாக்கும் வலைப்பக்கங்களின் காட்சி தோற்றத்தை வரையறுப்பதற்கு 1997 ஆம் ஆண்டு முதல் CSS உருவாக்கப்பட்டது. வெப் டிசைனிலிருந்து வலைத்தளத்தின் குறியீட்டின் உள்ளடக்கம் மற்றும் அமைப்பை வலை வல்லுநர்கள் பிரிப்பதற்கு அனுமதிக்க திட்டமிடப்பட்டது, இந்த நேரத்திற்கு முன்னர் இருந்திருக்க முடியாத ஒன்று.
வடிவமைப்பு மற்றும் பாணி பிரிப்பது HTML முதலில் செயல்பாட்டின் செயல்பாட்டை செயல்படுத்துவதற்கு அனுமதிக்கிறது - உள்ளடக்கத்தின் மார்க்அப், பக்கத்தின் வடிவமைப்பு மற்றும் அமைப்பைப் பற்றி கவலைப்படாமல், பொதுவாக "தோற்றம் மற்றும் உணர்வை" பக்கம்.
வலை உலாவிகள் இந்த மார்க் மொழியின் அடிப்படை எழுத்துரு மற்றும் நிற அம்சங்களை விட அதிகமாக பயன்படுத்த தொடங்கிய போது, 2000 ஆம் ஆண்டு வரை CSS பிரபலமடையவில்லை. இன்று, அனைத்து நவீன உலாவிகளும் CSS நிலை 1 அனைத்து, CSS நிலை 2 மிக, மற்றும் CSS நிலை 3 கூட பெரும்பாலான அம்சங்களை ஆதரிக்கின்றன. CSS உருவாகி புதிய பாணியை அறிமுகப்படுத்தியுள்ளது போல், வலை உலாவிகளில் அந்த உலாவிகளில் புதிய CSS ஆதரவு கொண்டு வேலை செய்ய வலை வடிவமைப்பாளர்கள் சக்திவாய்ந்த புதிய ஸ்டைலிங் கருவிகள் வழங்கும் தொகுதிகள் செயல்படுத்த தொடங்கியுள்ளன.
வலைதளங்களின் வடிவமைப்பு மற்றும் மேம்பாட்டுக்காக CSS ஐப் பயன்படுத்த மறுத்து வந்த வலை வடிவமைப்பாளர்கள் இருந்தனர் (பல) ஆண்டுகளில், ஆனால் அந்த நடைமுறை இன்றைய தொழில்துறையிலிருந்து போய்விட்டது. CSS இப்போது வலை வடிவமைப்பு ஒரு பரவலாக பயன்படுத்தப்படும் நிலையான மற்றும் நீங்கள் கடினமாக இந்த மொழி குறைந்தபட்சம் ஒரு அடிப்படை புரிதல் இல்லாத தொழில் இன்று வேலை யாரையும் கண்டுபிடிக்க அழுத்தம்.
CSS ஒரு சுருக்கமாகும்
ஏற்கனவே குறிப்பிட்டபடி, CSS என்ற சொல் "அடுக்கு நடை தாள்." இந்தச் சொற்களால் என்னவெல்லாம் முழுமையாக விவரிப்பதற்கு ஒரு பிட் கீழே இந்த சொற்றொடரை உடைக்கலாம்.
"ஸ்டைல் ஷீட்" என்ற வார்த்தையானது ஆவணம் (HTML, CSS கோப்புகள் உண்மையில் பல்வேறு வகையான நிரல்களால் திருத்தப்படும் உரை ஆவணங்கள் போலவே) குறிக்கிறது. பல வருடங்களாக ஆவண வடிவமைப்புக்காக ஸ்டைல் ஷீட்கள் பயன்படுத்தப்பட்டுள்ளன. அவர்கள் ஒரு அமைப்பிற்கான தொழில்நுட்ப குறிப்புகள், அச்சு அல்லது ஆன்லைன். அச்சு வடிவமைப்பாளர்கள் நீண்ட காலமாக தங்கள் குறிப்புகள் தங்கள் குறிப்புகள் சரியாக அச்சிடப்படும் என்று உறுதி செய்ய பாணி தாள்கள் பயன்படுத்தப்படுகிறது. ஒரு வலைப்பக்கத்திற்கான ஒரு நடை தாள் அதே நோக்கத்திற்காக உதவுகிறது, ஆனால் ஆவணத்தை எவ்வாறு பார்க்க வேண்டும் என்பதை வலை உலாவியில் சொல்லும் செயல்பாடு சேர்க்கப்பட்டுள்ளது. இன்று, CSS பாணி தாள்கள் வெவ்வேறு சாதனங்கள் மற்றும் திரை அளவுகள் ஒரு பக்கம் தெரிகிறது வழி மாற்ற ஊடக கேள்விகளுக்கு பயன்படுத்த முடியும். அது ஒரு ஒற்றை HTML ஆவணம் அதை அணுகுவதற்கு பயன்படுத்தப்படும் திரையில் வித்தியாசமாக காண்பிக்கப்பட்ட அனுமதிக்கிறது என்பதால் இது நம்பமுடியாத முக்கியமானது.
அடுக்கு என்பது "சிறப்பு அடுக்கு நடை தாள்" என்ற சிறப்பு பகுதியாகும். ஒரு வலை நடை தாள் , ஒரு தாழ்வாரத்தின் மீது ஒரு ஆற்றைப்போல், அந்தத் தாளில் ஒரு தொடர்ச்சியான பாணியைக் கொண்டிருக்கும். நீரில் உள்ள நீர் நீர்வீழ்ச்சியில் அனைத்து பாறையும் பிடுங்குகிறது, ஆனால் நீரில் ஓடும் இடங்களில் மட்டுமே கீழே உள்ளவை மட்டுமே பாதிக்கப்படுகின்றன. இணையதளம் பாணி தாள்கள் உள்ள அடுக்கை உண்மை தான்.
இணைய வடிவமைப்பாளர் எந்த பாணியையும் பயன்படுத்தாவிட்டாலும்கூட, ஒவ்வொரு வலைப்பக்கமும் குறைந்த பட்சம் ஒரு நடை தாக்கத்தால் பாதிக்கப்படுகிறது. இந்த நடை தாள் பயனர் முகவர் பாணி தாள் - வேறு எந்த வழிமுறைகளும் அளிக்கப்பட்டிருந்தால், வலை உலாவி ஒரு பக்கத்தை காண்பிக்கும் இயல்புநிலை பாணியாகும் . உதாரணமாக, முன்னிருப்பு ஹைப்பர்லிங்க்கள் நீலத்தில் பாணியில் உள்ளன, அவை அடிக்கோடிடுகின்றன. அந்த பாணிகள் ஒரு வலை உலாவி இயல்புநிலை நடை தாள் இருந்து வருகிறது. வலை வடிவமைப்பாளர் மற்ற வழிமுறைகளை வழங்குகிறது என்றால், எனினும், உலாவி முன்னுரிமை எந்த அறிவுறுத்தல்கள் வேண்டும். அனைத்து உலாவிகளும் அவற்றின் சொந்த இயல்புநிலை பாணிகளைக் கொண்டுள்ளன, ஆனால் அந்த பல இயல்புநிலைகள் (நீல கோடிட்ட உரை இணைப்புகள் போன்றவை) அனைத்து அல்லது மிக பெரிய உலாவிகளில் மற்றும் பதிப்புகளில் பகிர்ந்து கொள்ளப்படுகின்றன.
உலாவி இயல்புநிலைக்கு மற்றொரு உதாரணம், எனது வலை உலாவியில், இயல்புநிலை எழுத்துரு " டைம்ஸ் நியூ ரோமன் " அளவு 16 ல் காட்டப்பட்டுள்ளது. எனினும், அந்த எழுத்துரு குடும்பம் மற்றும் அளவு ஆகியவற்றில் நான் பார்வையிடும் பக்கங்களில் ஏறக்குறைய எதுவும் இல்லை. ஏனென்றால், அடுக்குமாடி வடிவமைப்பாளர்களால் வடிவமைக்கப்பட்ட இரண்டாவது நடைத்தாள்கள், எழுத்துரு அளவு மற்றும் குடும்பத்தை மறுபயன்படுத்தி , என் வலை உலாவியின் இயல்புநிலைகளை மீறுவதாக வரையறுக்கின்றன. ஒரு வலைப்பக்கத்திற்காக நீங்கள் உருவாக்கும் எந்த பாணி தாள்கள் ஒரு உலாவி இயல்புநிலை பாணியை விட மிகவும் தனித்துவமானதாக இருக்கும், எனவே உங்கள் நடை தாள் அவற்றை மீறவில்லை என்றால், அந்த இயல்புநிலைகள் மட்டுமே பயன்படுத்தப்படும். நீங்கள் இணைப்புகள் நீல மற்றும் அடிக்கோடிட வேண்டும் என்றால், அது இயல்புநிலை என்பதால் நீங்கள் எதுவும் செய்ய வேண்டிய அவசியமில்லை, ஆனால் உங்கள் தளத்தின் CSS கோப்பில் இணைப்புகள் பச்சை நிறமாக இருக்க வேண்டும் என்று கூறுவதால், அந்த வண்ணமானது இயல்புநிலை நீலத்தை மேலிருக்கும். நீங்கள் இல்லையெனில் குறிப்பிடவில்லை என்பதால் அடிக்கோடிட்டு இந்த எடுத்துக்காட்டில் இருக்கும்.
CSS எங்கே பயன்படுத்தப்படுகிறது?
ஒரு வலை உலாவியைக் காட்டிலும் பிற ஊடகங்களில் பார்க்கும் போது வலைப்பக்கங்கள் எப்படி இருக்க வேண்டும் என்பதை வரையறுக்க CSS பயன்படுத்தப்படுகிறது. உதாரணமாக, நீங்கள் வலைப்பக்கத்தை அச்சிட எப்படி வரையறுக்க என்று ஒரு அச்சு நடை தாள் உருவாக்க முடியும். ஏனெனில் வழிசெலுத்தல் பொத்தான்கள் அல்லது இணைய படிவங்கள் போன்ற வலைப்பக்கங்கள் அச்சிடப்பட்ட பக்கத்தில் எந்த நோக்கமும் இருக்காது, ஒரு பக்க அச்சிடப்பட்டிருக்கும் போது அந்த பகுதிகளை "அணைக்க" ஒரு அச்சு நடை தாள் பயன்படுத்தப்படலாம். பல தளங்களில் உண்மையில் ஒரு பொதுவான பழக்கம் இல்லை, அச்சு நடை தாள்கள் உருவாக்க விருப்பம் சக்தி வாய்ந்த மற்றும் கவர்ச்சிகரமான (என் அனுபவத்தில் - மிக வலை தொழில்முறை வரவு செலவு திட்டம் ஒரு தளத்தின் நோக்கம் இந்த கூடுதல் வேலை செய்ய வேண்டும் அழைக்க வேண்டாம் வெறுமனே செய்ய வேண்டாம் ).
ஏன் CSS முக்கியம்?
நீங்கள் ஒரு வலைத்தளத்தின் முழு தோற்றத்தையும் பாதிக்கலாம் என்பதால், வலை வடிவமைப்பாளரால் அறியக்கூடிய மிக சக்தி வாய்ந்த கருவிகள் CSS ஒன்றாகும். நன்கு எழுதப்பட்ட பாணி தாள்கள் விரைவாக மேம்படுத்தப்பட்டு, தளங்களில் பார்வையாளர்களுக்கு மதிப்பு மற்றும் பார்வையாளர்களுக்கு கவனம் செலுத்தும், அடிப்படை HTML மார்க்அப் செய்யப்பட வேண்டிய எந்த மாற்றமும் இல்லாமல், பார்வைக்கு முன்னுரிமை அளிக்கப்படும் தளங்களை மாற்ற அனுமதிக்கலாம்.
CSS இன் பிரதான சவால் கற்றுக் கொள்ள மிகவும் பிட் உள்ளது - ஒவ்வொரு நாளும் மாறும் உலாவிகளோடு, இன்று நன்றாக வேலை செய்கிறது, புதிய பாணியை ஆதரிக்கிறது மற்றும் மற்றவர்கள் கைவிடப்படுவது அல்லது ஒரு காரணத்திற்காகவோ அல்லது வேறொரு காரணத்திற்காக ஆதரவாகவோ வீழ்ச்சியடையாது .
CSS அடுக்கு மற்றும் இணைக்க முடியும், மற்றும் வெவ்வேறு உலாவிகளில் வித்தியாசமாக வழிமுறைகளை விளக்குவது மற்றும் செயல்படுத்த எப்படி கருத்தில் ஏனெனில், CSS மாஸ்டர் எளிய HTML விட கடினமாக இருக்க முடியும். CSS ஆனது உலாவியில் மாற்றங்கள் HTML உண்மையில் இல்லை. நீங்கள் CSS ஐப் பயன்படுத்த ஆரம்பித்தால், நீங்கள் நடைமுறைத் தாள்களின் அதிகாரத்தைப் பயன்படுத்துவீர்கள் என்பதை நீங்கள் காண்பீர்கள், நீங்கள் வடிவமைப்பை வலை பக்கங்களில் எப்படி நம்பமுடியாத நெகிழ்வுத்தன்மையை அளிக்கிறீர்கள் மற்றும் அவற்றின் தோற்றத்தை உணரவும் உணரவும். வழியில், நீங்கள் எதிர்காலத்தில் புதிய வலைப்பக்கங்கள் உருவாக்க நீங்கள் மீண்டும் நீங்கள் திரும்ப முடியும் நீங்கள் பாணிகள் மற்றும் அணுகுமுறைகள் ஒரு "தந்திரங்களை பையில்" குவிக்கும்.
ஜெனிபர் கிரைனின் அசல் கட்டுரை. 7/5/17 அன்று ஜெரெமி ஜார்ட் அவர்களால் திருத்தப்பட்டது,