வலைத்தளங்கள் படங்கள், உரை, மற்றும் பல்வேறு ஆவணங்கள் உள்ளிட்ட தனிப்பட்ட துண்டுகளாக உள்ளன. இந்த ஆவணங்கள் 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 அன்று ஜெர்மி ஜார்டு திருத்தப்பட்டது
