அடுக்கு நடைத்தாள்களின் முக்கிய செயல்பாடு மிகவும் முக்கியமானது. CSS ஆனது HTML உடன் இணைந்து செயல்படுவதோடு அடிப்படை பாணியையும் தோற்றத்தையும் வழங்குவதோடு HTML கூறுகள் வலைப்பக்கத்தில் இருக்கும் என்பதை இது எங்களுக்குத் தெரிவிக்கும். CSS3 என்பது CSS இன் சமீபத்திய பதிப்பாகும். CSS மற்றும் CSS3 க்கு இடையிலான பல்வேறு வேறுபாடுகளை பின்வரும் வரிசையில் புரிந்துகொள்வோம்:
- CSS மற்றும் CSS3 இன் பொருந்தக்கூடிய தன்மை
- வட்டமான மூலைகள் மற்றும் சாய்வு
- உரை விளைவுகள் மற்றும் அனிமேஷன்கள்
- போலி வகுப்புகள்
- CSS மற்றும் CSS3 இல் பட்டியல்கள்
CSS3 ஜாவாஸ்கிரிப்ட் போன்ற திறன்களை வழங்குகிறது, மேலும் மாற்றங்கள், சாய்வு போன்ற கூடுதல் அம்சங்களுடன் மொபைல் மேம்பாட்டு அம்சங்களையும் வழங்குகிறது. எனவே, இந்த அளவுருக்களில் CSS மற்றும் CSS3 ஐ ஒப்பிட்டுப் பார்ப்போம்.
CSS மற்றும் CSS3 இன் பொருந்தக்கூடிய தன்மை
CSS3 உடன் CSS பொருந்தாது, ஏனெனில் அதன் முக்கிய நோக்கம் வெவ்வேறு வடிவமைப்பு அம்சங்களை வழங்குவதில் கவனம் செலுத்துவதாகும். அவை நூல்கள் மற்றும் பொருள்களின் நிலைக்கான திறன்களுக்கு கூடுதலாக இருந்தன. ஆனால் இந்த அம்சங்கள் CSS3 என்ற சமீபத்திய பதிப்பிற்கு புதுப்பிக்கப்பட்டன.
CSS3 என்பது CSS உடன் இணக்கமான கடவுச்சொல். இது CSS இல் எழுதப்பட்ட எந்த குறியீடும் செல்லாது. CSS3 வலைப்பக்கத்தை மிகவும் கவர்ச்சிகரமானதாகவும் சிறப்பானதாகவும் ஆக்குகிறது. அவைஏற்றுவதில் மிக வேகமாக மற்றும் பக்கத்தை உருவாக்க குறைந்த நேரம் தேவை.
வட்டமான மூலைகள் மற்றும் சாய்வு
CSS3 தொடங்கப்பட்ட நேரம், டெவலப்பர்கள் படங்களை வடிவமைக்கப் பயன்படுத்தினர், அவை வெவ்வேறு கட்டமைப்புகள் மற்றும் பின்னணி சாய்வுக்கு வட்டமான மூலைகளைப் போல இருக்கும். இந்த செயல்முறையில் டெவலப்பர் குறிப்பிட்ட எல்லையை வடிவமைத்தல் மற்றும் வடிவமைப்பை சேவையகத்தில் பதிவேற்றுவது ஆகியவை அடங்கும். அவர்கள் படத்தை வலைப்பக்கத்தில் வைக்க வேண்டும், இறுதியில், CSS இந்த எல்லையை சரியாக நிலைநிறுத்த வேண்டும்.
CSS3 இல் டெவலப்பர் சுற்று போன்ற குறியீட்டை எழுத வேண்டும் எல்லை {எல்லை-ஆரம்: 20px}. அவர்கள் எந்த சேவையகத்தையும் அனுப்பி எந்த வகையிலும் செய்ய வேண்டியதில்லைபிற நடவடிக்கைகள். போன்ற குறியீட்டைப் பயன்படுத்தி சாய்வு கூட அமைக்கலாம் gradBG {பின்னணி: லைனர்-சாய்வு (சிவப்பு, கருப்பு)}
ஜாவா எடுத்துக்காட்டு நிரல்களில் வழக்கு மாறவும்
உரை விளைவுகள் மற்றும் அனிமேஷன்கள்
CSS இல் அனிமேஷன்கள் ஜாவாஸ்கிரிப்ட் மற்றும் JQuery இல் எழுதப்பட்டன. இது வடிவமைப்பு அடுக்கில் அம்சங்களைக் கொண்டிருக்கவில்லை மற்றும் பக்க உறுப்பு கூட நிழல் நூல்கள், உரைத் தேர்வுகள் போன்ற எந்தவிதமான சிறப்பு விளைவுகளையும் கொண்டிருக்கவில்லை.
CSS3 இல் டெவலப்பர் உரை-நிழலைச் சேர்த்து எளிதாகப் படிக்க முடியும். கோட்டை உடைக்க மற்றும் நீண்ட சொற்களுக்கு அவை பொருந்தும் வகையில் காட்சி விளைவுகளைச் சேர்க்கலாம்நெடுவரிசைகளுக்குள் எளிதாக. உரையின் அளவு மற்றும் வண்ணத்தின் தொடர்ச்சியான மாற்றமும் இதில் அடங்கும், மாற்றத்தின் நேரத்தையும் கூட அமைக்கலாம்.
போலி வகுப்புகள்
CSS இல் ஒரு தனிமத்தின் நிலையை சிறப்பாக வரையறுக்க இவை பயன்படுத்தப்படுகின்றன.
தொடரியல்:தேர்வாளர்: போலி வகுப்புகள் {சொத்து: மதிப்பு}. இது ஹோவர் ஆன் (), எளிய டூல்டிப் ஹோவர் () போன்ற பல்வேறு பண்புகளையும் வழங்குகிறது.
CSS3 இல் இந்த போலி வகுப்புகள் CSS உடன் மிகவும் ஒத்தவை, ஆனால் அவற்றில் சில கூடுதல் அம்சங்கள் உள்ளன, அவை இந்த இரண்டையும் வேறுபடுத்துகின்றன. எந்த ஆவணத்தின் மூல இலக்கு இதில் அடங்கும்மூல உறுப்பு. இலக்கு (n) க்குள் உள்ள எண் மதிப்புகளைப் பயன்படுத்துகிறது.
CSS மற்றும் CSS3 இல் பட்டியல்கள்
CSS:
ஆர்டர் செய்யப்பட்ட மற்றும் வரிசைப்படுத்தப்படாத பட்டியல்களுக்கு வெவ்வேறு பட்டியலை அமைக்க CSS பயனரை அனுமதிக்கிறது.
பட்டியல் உருப்படி மார்க்கருக்கு பயனர் படத்தை அமைக்கலாம்.
பட்டியல் மற்றும் பட்டியல் உருப்படிகளுக்கு பின்னணி வண்ணங்களைச் சேர்க்கவும்.
அவை வட்டம், சதுரம், வட்டு போன்ற பட்டியல்-பாணி வகையாக இருக்கலாம்.
CSS3
CSS இல் பட்டியலைப் பயன்படுத்த இதில் காட்சி சொத்து அதில் பட்டியலிடப்பட்ட உருப்படி இருக்க வேண்டும்.
இது எண்ணும் முறையை ஆதரிக்காது.
பட்டியல் உருப்படி மார்க்கருக்கு எதிராக படம் அமைக்கப்பட்டிருப்பதை இது செயல்படுத்துகிறது.
இது பட்டியல் பாணி நிலையையும் கொண்டுள்ளது மற்றும் மார்க்கர் பெட்டியின் நிலையை குறிப்பிடலாம்.
இதன் மூலம், இந்த கட்டுரையின் முடிவுக்கு வருகிறோம், அங்கு CSS மற்றும் CSS3 க்கு இடையிலான வேறுபாடுகளைப் பற்றி விவாதித்தோம். சி கர்மம் அவுட் வழங்கியவர் எடுரேகா. HTML5, CSS3, Twitter பூட்ஸ்டார்ப் 3, jQuery மற்றும் Google API களைப் பயன்படுத்தி ஈர்க்கக்கூடிய வலைத்தளங்களை எவ்வாறு உருவாக்குவது மற்றும் அமேசான் எளிய சேமிப்பக சேவைக்கு (S3) பயன்படுத்துவது எப்படி என்பதை அறிய வலை அபிவிருத்தி சான்றிதழ் பயிற்சி உதவும்.
சால்ட்ஸ்டாக் vs பொம்மை Vs செஃப்
எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? இந்த கட்டுரையின் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களிடம் திரும்புவோம்.