दिलचस्प पोस्ट
रीसाइक्लिंगदृश्य स्क्रॉलिंग को अक्षम कैसे करें? प्रारंभिक और देर से बाध्यकारी के बीच क्या अंतर है? आईबी डीडेसिबल, आईबीनिस्पेक्टेबल – इंटरफेस बिल्डर अद्यतन नहीं करता है पॉलीमोर्फ़िक ऑब्जेक्ट्स के साथ सरणी के जेएसओएन सीरियललाइज़ेशन JSON डेटा से JSON स्कीमा उत्पन्न करने के लिए उपकरण बाल नियंत्रक से कोणीय जेएस अभिगम अभिभावक गुंजाइश एंड्रॉइड- जेसन एरे और जेएसएएन ऑब्जेक्ट बनाएं फ़ायरफ़ॉक्स में छिपे हुए स्क्रॉलबार (स्क्रॉल करने की अनुमति देता है लेकिन सिर्फ कोई स्क्रॉलबार नहीं) यदि आधार लंबाई 3 से विभाज्य नहीं है, तो बेस 64 एन्कोडिंग को पैडिंग की आवश्यकता क्यों है? क्या यह "बेस -64 चर सरणी के लिए अमान्य लंबाई" क्या यह एक विजेट में TextView मार्की के लिए संभव है जो AppWidgetProvider प्रदान करता है? केवल एक कॉलम के लिए अलग करें आईफ़ोन कोडन ऑब्जेक्ट फ़ाइल प्रारूप अमान्य या अनुपयुक्त HTML का चयन करें: डिफ़ॉल्ट टेक्स्ट सेट करने के लिए जो ड्रॉप-डाउन सूची में दिखाया नहीं जाएगा? मैं .NET के साथ एक विशिष्ट एक्सटेंशन के साथ एक अस्थायी फ़ाइल कैसे बना सकता हूं?

CSS में '@' प्रतीक का उद्देश्य क्या है?

मैं बस इस प्रश्न के पार ठोकर खाई और मैंने देखा कि उपयोगकर्ता कुछ ऐसे संकेतों का उपयोग कर रहा है जो मैंने कभी नहीं देखा है:

@font-face { /* CSS HERE */ } 

तो क्या यह @ प्रतीक CSS3 में कुछ नया है, या कुछ पुरानी है जिसे मैंने किसी तरह अनदेखी की है? क्या ऐसा कुछ है जहां आईडी के साथ आप # उपयोग करते हैं, और आपके द्वारा उपयोग किए जाने वाले वर्ग के साथ . ? Google ने मुझे इससे संबंधित कोई भी अच्छा लेख नहीं दिया CSS में @ प्रतीक का उद्देश्य क्या है?

Solutions Collecting From Web of "CSS में '@' प्रतीक का उद्देश्य क्या है?"

@ 1 के सीएसएस 1 के दिनों के बाद से है, हालांकि यह तर्क है हाल ही में @media (सीएसएस 2, सीएसएस) और @font-face (सीएसएस) के निर्माण में तेजी से सामान्य हो रहा है। @ वाक्यविन्यास, हालांकि, जैसा कि मैंने उल्लेख किया है, वह नया नहीं है

ये सब सीएसएस में नियम के रूप में ज्ञात हैं। वे ब्राउज़र के लिए विशेष निर्देश हैं, नियमों और गुणों का उपयोग करते हुए वेब दस्तावेज़ों में (एक्स) एचटीएमएल / एक्सएमएल तत्वों के स्टाइल से सीधे संबंधित नहीं हैं, यद्यपि वे नियंत्रण में महत्वपूर्ण भूमिका निभाते हैं कि कैसे शैलियों को लागू किया जाता है

कुछ कोड उदाहरण:

 /* Import another stylesheet from within a stylesheet */ @import url(style2.css); /* Apply this style only for printing */ @media print { body { color: #000; background: #fff; } } /* Embed a custom web font */ @font-face { font-family: 'DejaVu Sans'; src: local('DejaVu Sans Regular'), url(/fonts/DejaVuSans.ttf); } 
  • @font-face नियम आपके डिजाइनों में उपयोग के लिए कस्टम फोंट को परिभाषित करते हैं जो हमेशा सभी कंप्यूटरों पर उपलब्ध नहीं होते, इसलिए एक ब्राउज़र सर्वर से फ़ॉन्ट डाउनलोड करता है और उस कस्टम फ़ॉन्ट में टेक्स्ट सेट करता है जैसे उपयोगकर्ता के कंप्यूटर में फ़ॉन्ट होता है

  • @media मीडिया नियम , मीडिया प्रश्नों (पूर्व में केवल मीडिया प्रकार ) के साथ संयोजन में, कौन सी शैलियों को लागू किया जाता है और कौन से मीडिया को पृष्ठ पर प्रदर्शित किया जा रहा है, इस पर आधारित नहीं है। मेरे कोड उदाहरण में, केवल एक दस्तावेज़ को छपाते समय सभी पाठ चाहिए एक सफेद (कागज) पृष्ठभूमि के खिलाफ काले रंग में सेट करें आप प्रिंट मीडिया, मोबाइल डिवाइसेस आदि के लिए और इसके लिए स्टाइल पेज को अलग-अलग फ़िल्टर करने के लिए मीडिया क्वेशर्स का उपयोग कर सकते हैं।

पर-नियमों का चयनकर्ताओं का कोई संबंध नहीं है उनकी अलग-अलग प्रकृति के कारण, विभिन्न नियम-नियम अलग-अलग तरीकों में कई अलग-अलग मॉड्यूलों में परिभाषित होते हैं। अधिक उदाहरणों में शामिल हैं:

  • सशर्त नियम
  • कीफ़्रेम एनीमेशन
  • पृष्ठांकित मीडिया

(यह सूची संपूर्ण से बहुत दूर है)

आप MDN पर एक अन्य गैर-विस्तृत सूची पा सकते हैं

@ एक नियम को परिभाषित करने के लिए उपयोग किया जाता है

@आयात
@पृष्ठ
@media
@फॉन्ट फ़ेस
@ अक्षरसेट
@namespace

उपरोक्त को at-rule कहा जाता है

@ मीडिया का एक उदाहरण जो इसे आगे स्पष्ट करने के लिए उपयोगी हो सकता है:

 @media screen and (max-width: 1440px) { span.sizedImage { height:135px; width: 174px; } } @media screen and (min-width: 1441px) { span.sizedImage { height:150px; width: 200px; } } 

यह स्क्रीन के आकार पर सशर्त रूप से छवि के आकार में भिन्न होगी, छोटी स्क्रीन पर छोटी छवि का उपयोग करना। पहला ब्लॉक चौड़ाई 1440px तक स्क्रीन को संबोधित करेगा; दूसरा 1440 पीएक्स से बड़े स्क्रीन को संबोधित करेगा

यह टैब जैसी चीज़ों के साथ काम करता है जो ड्रॉप या छोटे स्क्रीन पर स्क्रॉल करती है; आप अक्सर छोटे स्क्रीन पर टैब लेबल्स के फ़ॉन्ट आकार को एक बिंदु आकार के नीचे छोड़ सकते हैं और उन्हें फिट कर सकते हैं

@ एक नियम विनिर्देश के रूप में उपयोग किया जाता है @font-face

प्रोबॉर्ड्स सीएसएस स्टाइल इन्हें वैरिएबल के रूप में भी उपयोग करता है

यहां उनके सीएसएस पृष्ठों में से एक से एक छोटा सा स्निपप्ट है:

 @wrapper_width: 980px; @link_color: #c06806; @link_font: 100% @default_forum_text_font_family; @link_decoration: none; #wrapper { width: @wrapper_width; margin: 0 auto; overflow-x: hidden; } table { table-layout: fixed; } a { cursor: pointer; color: @link_color; font: @link_font; text-decoration: @link_decoration; } 

नोट: देशी नहीं, पहली टिप्पणी देखें