CSS @assert: CSS சோதனை மற்றும் பிழைதிருத்தத்தில் ஒரு புரட்சி

CSS (Cascading Style Sheets) வலைப்பக்கங்களின் காட்சித் தோற்றத்திற்குப் பொறுப்பான வலை வடிவமைப்பின் மூலக்கல்லாகும். வலைப் பயன்பாடுகள் பெருகிய முறையில் சிக்கலாகி வருவதால், CSS-இல் வலுவான சோதனை மற்றும் பிழைதிருத்த வழிமுறைகளின் தேவை கணிசமாக வளர்ந்துள்ளது. பாரம்பரியமாக, CSS பிழைதிருத்தம் உலாவி டெவலப்பர் கருவிகளைப் பயன்படுத்தி கைமுறையான ஆய்வை நம்பியுள்ளது, இது நேரத்தை எடுத்துக்கொள்ளும் மற்றும் பிழை ஏற்பட வாய்ப்புள்ளது. CSS-இல் @assert விதியின் அறிமுகம், ஸ்டைல்ஷீட்டிற்குள் நேரடியாக CSS பண்புகள் மற்றும் மதிப்புகளைச் சரிபார்ப்பதற்கான ஒரு உள்ளமைக்கப்பட்ட பொறிமுறையை வழங்குவதன் மூலம் ஒரு விளையாட்டு-மாற்றும் தீர்வை வழங்குகிறது.

CSS @assert என்றால் என்ன?

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

@assert விதியின் அடிப்படை தொடரியல் பின்வருமாறு:

            @assert <condition> { 
  // CSS rules to apply if the condition is true
}

            

              
                Copy
              
            
          

<condition> என்பது CSS செயலியால் மதிப்பிடப்படும் ஒரு பூலியன் கோவையாகும். நிபந்தனை true என மதிப்பிடப்பட்டால், @assert தொகுதிக்குள் உள்ள CSS விதிகள் பயன்படுத்தப்படும். நிபந்தனை false என மதிப்பிடப்பட்டால், விதிகள் பயன்படுத்தப்படாது, மேலும் செயல்படுத்தலைப் பொறுத்து ஒரு பிழை அல்லது எச்சரிக்கை உருவாக்கப்படலாம்.

CSS @assert பயன்படுத்துவதன் நன்மைகள்

@assert விதி CSS டெவலப்பர்களுக்கு பல சாத்தியமான நன்மைகளை வழங்குகிறது:

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

பயன்பாட்டு வழக்குகள் மற்றும் எடுத்துக்காட்டுகள்

CSS இல் @assert விதியை எவ்வாறு பயன்படுத்தலாம் என்பதற்கான சில நடைமுறை எடுத்துக்காட்டுகள் இங்கே:

1. CSS மாறிகளைச் சரிபார்த்தல்

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

            :root {
  --primary-color: #007bff;
}

@assert var(--primary-color) != null {
  body {
    background-color: var(--primary-color);
  }
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், @assert விதியானது --primary-color மாறி வரையறுக்கப்பட்டுள்ளதா என்பதைச் சரிபார்க்கிறது. மாறி null (வரையறுக்கப்படாதது) ஆக இருந்தால், நிபந்தனை தோல்வியடையும், மேலும் background-color விதி பயன்படுத்தப்படாது. இது வரையறுக்கப்படாத மாறிகளைப் பயன்படுத்துவதால் ஏற்படக்கூடிய பிழைகளைத் தடுக்க உதவுகிறது.

2. பதிலளிக்கக்கூடிய வடிவமைப்பு கட்டுப்பாடுகளை உறுதி செய்தல்

பதிலளிக்கக்கூடிய வடிவமைப்புகளை உருவாக்கும்போது, வெவ்வேறு திரை அளவுகளில் CSS விதிகள் சரியாகப் பயன்படுத்தப்படுவதை உறுதி செய்வது முக்கியம். மீடியா வினவல்களைச் சரிபார்க்கவும், ஸ்டைல்கள் நோக்கம் கொண்டபடி பயன்படுத்தப்படுவதை உறுதி செய்யவும் @assert விதியைப் பயன்படுத்தலாம்.

            @media (min-width: 768px) {
  @assert min-width == 768px {
    .container {
      width: 750px;
    }
  }
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டு மீடியா வினவலின் min-width நிபந்தனை சரியாகப் பயன்படுத்தப்படுகிறதா என்பதைச் சரிபார்க்கிறது. இங்கே நேரடிப் பயன்பாடு ஓரளவு குறைவாக இருந்தாலும் (அந்த மீடியா வினவலுக்குள் நிபந்தனை எப்போதும் உண்மையாக இருக்கும் என்பதால்), எதிர்காலத்தில் @assert விவரக்குறிப்பில் சேர்க்கப்படும் திறன்களைப் பொறுத்து, சாதனப் பண்புகள் தொடர்பான மிகவும் சிக்கலான நிபந்தனை தர்க்கத்தை கோட்பாட்டளவில் எவ்வாறு உறுதிப்படுத்த முடியும் என்பதை இது விளக்குகிறது.

3. வண்ண வேறுபாட்டைச் சரிபார்த்தல்

போதுமான வண்ண வேறுபாட்டை உறுதி செய்வது அணுகல்தன்மைக்கு முக்கியமானது. சிக்கலான வேறுபாடு கணக்கீடுகள் @assert-இன் ஆரம்ப நோக்கத்திற்கு அப்பாற்பட்டதாக இருக்கலாம் என்றாலும், அடிப்படை சரிபார்ப்பைச் செயல்படுத்த முடியும்.

குறிப்பு: @assert இல் நேரடி வண்ண வேறுபாடு கணக்கீடுகள் இன்னும் தரப்படுத்தப்படவில்லை. இந்த எடுத்துக்காட்டு ஒரு கருதுகோள் மற்றும் எதிர்கால சாத்தியமான பயன்பாட்டு வழக்கத்தை விளக்குகிறது.

            .button {
  color: var(--button-text-color);
  background-color: var(--button-background-color);
}

/* Hypothetical example - may not work in current implementations */
/* Assuming a function 'contrastRatio' becomes available */
@assert contrastRatio(var(--button-text-color), var(--button-background-color)) >= 4.5 {
  .button {
    /* Styles to ensure sufficient contrast */
  }
}

            

              
                Copy
              
            
          

இந்த (கருதுகோள்) எடுத்துக்காட்டு, ஒரு பொத்தானின் உரை மற்றும் பின்னணி வண்ணங்களுக்கு இடையிலான வேறுபாடு விகிதம் குறைந்தபட்ச வரம்பை (WCAG AA இணக்கத்திற்கு 4.5:1) பூர்த்தி செய்கிறதா என்பதைச் சரிபார்க்க @assert விதிக்குள் (தற்போது இல்லாத) ஒரு contrastRatio செயல்பாட்டைப் பயன்படுத்துவதற்கான *சாத்தியத்தை* விளக்குகிறது. வேறுபாடு போதுமானதாக இல்லாவிட்டால், நிபந்தனை தோல்வியடைகிறது, மேலும் மாற்று ஸ்டைல்கள் பயன்படுத்தப்படலாம்.

4. வடிவமைப்பு அமைப்பு நிலைத்தன்மையைச் செயல்படுத்துதல்

வடிவமைப்பு அமைப்புகள் ஒரு வலைத்தளம் அல்லது பயன்பாடு முழுவதும் நிலைத்தன்மையை ஊக்குவிக்கின்றன. CSS விதிகள் முன்வரையறுக்கப்பட்ட தரங்களுக்கு இணங்குவதை சரிபார்ப்பதன் மூலம் வடிவமைப்பு அமைப்பு கட்டுப்பாடுகளைச் செயல்படுத்த @assert விதி உதவும்.

            :root {
  --font-family-base: Arial, sans-serif;
  --font-size-base: 16px;
}

.heading {
  font-family: var(--font-family-base);
  font-size: calc(var(--font-size-base) * 2);
}

@assert var(--font-family-base) == Arial, sans-serif {
  /* Styles to ensure design system consistency */
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டு --font-family-base மாறி எதிர்பார்க்கப்படும் மதிப்பிற்கு (Arial, sans-serif) அமைக்கப்பட்டுள்ளதா என்பதைச் சரிபார்க்கிறது. மாறி வேறுபட்டால், நிபந்தனை தோல்வியடைகிறது, இது வடிவமைப்பு அமைப்பின் சாத்தியமான மீறலைக் குறிக்கிறது.

வரம்புகள் மற்றும் சவால்கள்

@assert விதி குறிப்பிடத்தக்க திறனை வழங்கினாலும், அதற்கு சில வரம்புகளும் சவால்களும் உள்ளன:

• உலாவி ஆதரவு: ஒப்பீட்டளவில் ஒரு புதிய அம்ச முன்மொழிவாக, @assert விதிக்கான உலாவி ஆதரவு தற்போது குறைவாக உள்ளது. உற்பத்திச் சூழல்களில் இந்த அம்சத்தை நம்புவதற்கு முன் உலாவி இணக்கத்தன்மையைச் சரிபார்ப்பது முக்கியம். பழைய உலாவிகளுக்கான பின்னடைவு வழிமுறைகளை வழங்க அம்சத்தைக் கண்டறிதல் (ஜாவாஸ்கிரிப்ட் பயன்படுத்தி) அல்லது CSS முற்செயலிகள் தேவைப்படலாம்.
• நிபந்தனைகளின் சிக்கலான தன்மை: @assert விதிக்குள் சிக்கலான நிபந்தனைகளை வரையறுப்பது சவாலானது. நிபந்தனை தொடரியலின் வெளிப்பாட்டுத் தன்மை குறைவாக இருக்கலாம், இது டெவலப்பர்கள் விரும்பிய கட்டுப்பாடுகளை வெளிப்படுத்த ஆக்கப்பூர்வமான வழிகளைக் கண்டறிய வேண்டும்.
• செயல்திறன் மேல்சுமை: இயக்க நேரத்தில் நிபந்தனைகளை மதிப்பிடுவது செயல்திறன் மேல்சுமையை அறிமுகப்படுத்தலாம், குறிப்பாக சிக்கலான நிபந்தனைகள் சம்பந்தப்பட்டிருந்தால். @assert விதியை விவேகத்துடன் பயன்படுத்துவதும், செயல்திறனுக்காக நிபந்தனைகளை மேம்படுத்துவதும் முக்கியம். இந்த அம்சம் உற்பத்திப் பயன்பாட்டிற்கு சாத்தியமானதா என்பதை உறுதிப்படுத்த, விவரக்குறிப்பு செயல்திறன் பரிசீலனைகளைக் கவனிக்க வேண்டும்.
• இருக்கும் கருவிகளுடன் ஒருங்கிணைப்பு: @assert விதியை லின்டர்கள், முற்செயலிகள் மற்றும் சோதனை கட்டமைப்புகள் போன்ற இருக்கும் CSS மேம்பாட்டுக் கருவிகளுடன் ஒருங்கிணைக்க கூடுதல் முயற்சி தேவைப்படலாம். கருவி விற்பனையாளர்கள் @assert விதியை ஆதரிக்க தங்கள் தயாரிப்புகளைப் புதுப்பிக்க வேண்டும் மற்றும் இருக்கும் வேலைப்பாய்வுகளுடன் தடையற்ற ஒருங்கிணைப்பை வழங்க வேண்டும்.
• சரிபார்ப்பின் நோக்கம்: @assert மூலம் அடையக்கூடிய சரிபார்ப்பின் நோக்கம் குறைவாக இருக்கலாம். இது அடிப்படை பண்பு மற்றும் மதிப்பு சரிபார்ப்பிற்காக வடிவமைக்கப்பட்டுள்ளது. DOM தொடர்பு அல்லது ஜாவாஸ்கிரிப்ட் மதிப்பீடு தேவைப்படும் மிகவும் சிக்கலான காட்சிகள் நேரடியாக ஆதரிக்கப்படாமல் இருக்கலாம்.

செயல்படுத்தல் மற்றும் எதிர்கால திசைகள்

@assert விதி இன்னும் வளர்ச்சியில் உள்ளது மற்றும் இன்னும் உலாவிகளில் பரவலாக செயல்படுத்தப்படவில்லை. இருப்பினும், இந்த அம்சத்தில் ஆர்வம் அதிகரித்து வருகிறது, மேலும் இது எதிர்காலத்தில் அதிக ஈர்ப்பைப் பெறும் என்று எதிர்பார்க்கப்படுகிறது. Sass அல்லது Less போன்ற CSS முற்செயலிகள், சொந்த உலாவி ஆதரவு பரவலாகும் வரை ஒரு இடைக்கால நடவடிக்கையாக @assert போன்ற செயல்பாட்டைச் செயல்படுத்தலாம்.

CSS பணிக்குழு விவரக்குறிப்பைப் பற்றி தீவிரமாக விவாதித்து வருகிறது மற்றும் மேலே குறிப்பிடப்பட்ட வரம்புகள் மற்றும் சவால்களை நிவர்த்தி செய்வதற்கான வழிகளை ஆராய்ந்து வருகிறது. @assert விதியின் எதிர்கால பதிப்புகள் போன்ற அம்சங்களை உள்ளடக்கியிருக்கலாம்:

• மேலும் வெளிப்பாடான நிபந்தனை தொடரியல்: மிகவும் சிக்கலான மற்றும் நெகிழ்வான நிபந்தனைகளை அனுமதிக்கிறது.
• ஜாவாஸ்கிரிப்டுடன் ஒருங்கிணைப்பு: @assert விதிக்குள் ஜாவாஸ்கிரிப்ட் கோவைகளின் மதிப்பீட்டை செயல்படுத்துகிறது. இது மிகவும் மாறும் மற்றும் சூழல்-விழிப்புணர்வு சரிபார்ப்பை அனுமதிக்கலாம்.
• தனிப்பயன் பிழைச் செய்திகள்: ஒரு நிபந்தனை தவறும்போது காட்டப்படும் தனிப்பயன் பிழைச் செய்திகளை வரையறுக்க டெவலப்பர்களை அனுமதிக்கிறது. இது பிழை அறிக்கையிடலின் தெளிவு மற்றும் பயனை மேம்படுத்தும்.
• வெவ்வேறு நிபந்தனை நிலைகளுக்கான ஆதரவு: நிபந்தனைகளுக்கு வெவ்வேறு தீவிர நிலைகளை (எ.கா., எச்சரிக்கைகள், பிழைகள், அபாயகரமான பிழைகள்) குறிப்பிட டெவலப்பர்களை அனுமதிக்கிறது. இது சரிபார்ப்பு செயல்முறையின் மீது மேலும் நுணுக்கமான கட்டுப்பாட்டை அனுமதிக்கலாம்.

முடிவுரை

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

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

உலகளாவிய பரிசீலனைகள் மற்றும் சிறந்த நடைமுறைகள்

@assert பயன்படுத்தும்போது, பின்வரும் உலகளாவிய பரிசீலனைகளை மனதில் கொள்ளுங்கள்:

• சர்வதேசமயமாக்கல் (i18n) மற்றும் உள்ளூர்மயமாக்கல் (l10n): உங்கள் நிபந்தனைகள் வெவ்வேறு மொழிகள் மற்றும் பிராந்தியங்களுக்குப் பயன்படுத்தப்படும்போது உடைந்துவிடாமல் பார்த்துக் கொள்ளுங்கள். உதாரணமாக, தேதி வடிவங்கள், எண் வடிவங்கள் மற்றும் உரை திசை (LTR/RTL) மாறுபடலாம். உரை உள்ளடக்கத்தை உறுதிப்படுத்தினால், மாறுபாடுகளுக்குத் தயாராக இருங்கள்.
• அணுகல்தன்மை (a11y): முன்பு குறிப்பிட்டபடி, @assert வண்ண வேறுபாடு போன்ற அணுகல்தன்மை வழிகாட்டுதல்களைச் செயல்படுத்த உதவும் ஒரு கருவியாக இருக்கும். இருப்பினும், WCAG வழிகாட்டுதல்களைப் பற்றி அறிந்திருங்கள் மற்றும் வெவ்வேறு இணக்க நிலைகளுக்கு (A, AA, AAA) ஏற்ப உங்கள் நிபந்தனைகளை மாற்றியமைக்கவும்.
• கலாச்சார உணர்திறன்: சில கலாச்சாரங்களில் புண்படுத்தும் அல்லது பொருத்தமற்றதாகக் கருதப்படக்கூடிய மதிப்புகள் அல்லது பாணிகளைப் பயன்படுத்துவதைத் தவிர்க்கவும். இது நிபந்தனைகளை விட *ஸ்டைல்களை* முதன்மையாகப் பாதித்தாலும், புண்படுத்தும் ஸ்டைல்கள் பயன்படுத்தப்படவில்லை என்பதை நிபந்தனைகள் *சரிபார்க்க வேண்டும்*. உதாரணமாக, சில பிராந்தியங்களில் எதிர்மறையான அர்த்தங்களைக் கொண்ட வண்ணங்கள் அல்லது சின்னங்களைப் பயன்படுத்துவதைத் தவிர்க்கவும்.
• நேர மண்டலங்கள் மற்றும் தேதி வடிவங்கள்: உங்கள் CSS நேரம் அல்லது தேதி தரவுகளுடன் (இது குறைவாக இருந்தாலும் சில மேம்பட்ட பயன்பாடுகளில் சாத்தியம்) தொடர்பு கொண்டால், உலகம் முழுவதும் உள்ள வெவ்வேறு நேர மண்டலங்கள் மற்றும் தேதி வடிவங்களைக் கவனத்தில் கொள்ளுங்கள். நிபந்தனைகள் இந்த மாறுபாடுகளை நேர்த்தியாகக் கையாள முடியும்.
• சாதன மாறுபாடுகள்: வலையை அணுகும் பரந்த அளவிலான சாதனங்களுடன், உங்கள் நிபந்தனைகள் வெவ்வேறு திரை அளவுகள், தெளிவுத்திறன்கள் மற்றும் உள்ளீட்டு முறைகளைக் கணக்கில் எடுத்துக்கொள்வதை உறுதிசெய்க. பதிலளிக்கக்கூடிய வடிவமைப்பு கோட்பாடுகள் முக்கியமானவை, மேலும் உங்கள் ஸ்டைல்கள் சரியாக மாற்றியமைக்கப்படுவதை சரிபார்க்க நிபந்தனைகள் உதவும்.

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