Skip to main content

அடுக்கு நடைத்தாள்கள் (CSS) ஒரு கருத்துக்கள் சேர்க்க எப்படி

Anonim

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

சிக்கல் கொண்ட சிக்கல்

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

கருத்துரைகள் அமைப்பு மற்றும் தெளிவு சேர்க்கவும்

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

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

தொழில்வல்லுனரின் கண்களுக்கு மட்டுமே

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

CSS கருத்துரைகளை சேர்த்தல்

ஒரு CSS கருத்துரையை சேர்ப்பது மிகவும் எளிதானது. நீங்கள் திறந்த மற்றும் திறந்த கருத்துக் குறிச்சொற்களைக் கொண்டு உங்களது கருத்துரைகளை வெறுமனே பதிவு செய்கிறீர்கள்:

  • சேர்வதன் மூலம் உங்கள் கருத்துரையை தொடங்குக

    /*

  • உங்கள் கருத்துரையைச் சேர்ப்பதன் மூலம் மூடலாம்

    */

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

ஒரு CSS கருத்து எந்தவொரு வரிகளையும் எடுக்கும். இங்கே இரண்டு எடுத்துக்காட்டுகள்:

/ * சிவப்பு எல்லை உதாரணம் * / div # border_red { எல்லை: மெல்லிய திட சிவப்பு; }/*******************************************************குறியீடு உரையின் உடை*******************************************************/

பிரிவுகளை உடைத்தல்

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

/ * ----------------------- தலைப்பு பாங்குகள் ----------------------- ------- * /

இந்த கருத்துகள் கோடிங் ஒரு புதிய பகுதி தொடக்கத்தில் குறிக்கிறது.

"கருத்து தெரிவித்தல்" கோட்

கருத்து குறிச்சொற்கள் அவற்றிற்கு இடையே உள்ள அனைத்தையும் புறக்கணிப்பதற்காக உலாவியில் கூறினால், நீங்கள் CSS குறியீட்டின் சில பகுதிகளை தற்காலிகமாக முடக்கலாம். பிழைதிருத்தும் போது, ​​அல்லது வலைப்பக்கத்தை வடிவமைக்கும் போது இது எளிது. உண்மையில், வடிவமைப்பாளர்கள் அந்தப் பக்கத்தின் பகுதியாக இல்லாவிட்டால், என்ன நடக்கிறது என்பதைப் பார்க்க, "கருத்தை" அல்லது "அணைக்க" பகுதிகள் அவற்றைப் பயன்படுத்துவார்கள்.

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

குறிப்புகள் CSS கருத்து

ஒரு மறுஆய்வு என, உங்கள் CSS இல் கருத்துரைகளைப் பயன்படுத்த நினைவில் சில குறிப்புகள் உள்ளன:

  1. கருத்துரைகள் பல வரிகளை உச்சரிக்க முடியும்.
  2. நீங்கள் உலாவி வழங்க விரும்பாத CSS உறுப்புகளை கருத்துரைகள் சேர்க்கலாம், ஆனால் நீங்கள் முற்றிலும் நீக்க விரும்பவில்லை. நீங்கள் இணையதளத்தில் அவர்களுக்கு தேவையில்லை என்று நீங்கள் முடிவு செய்தால், பயன்படுத்தாத பாணியை (அவற்றை கருத்து தெரிவிப்பதை தவிர்த்து) நீக்க நினைவில் கொள்ளுங்கள்.
  3. வடிவமைப்புகளைச் சேர்க்க, சிக்கலான வடிவமைப்புகளை தெளிவுபடுத்துவதற்கு, சிக்கலான CSS ஐ எழுதும்போது, ​​முக்கியமான முடிவுகளைப் பற்றி எதிர்கால டெவெலப்பர்கள் (அல்லது உங்களை நினைவுபடுத்துங்கள்) தெரிவிக்கவும். இது சம்பந்தப்பட்ட அனைத்திற்கும் எதிர்காலத்தில் நேரம் சேமிக்கிறது.
  4. கருத்துரைகள் மேலும் மெட்டா தகவல் போன்றவை:
    1. ஆசிரியர்
    2. தேதி உருவாக்கப்பட்டது
    3. பதிப்புரிமை

செயல்திறன்

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