font size - A Couple of CSS Questions. src:robot-or-not.com(css) -

  body {background: # E2E2E2 url ("/ - / img / bg.jpg") दोहराएँ -20% -146px; रंग: # 45445d; रंग: आरजीबीए (0, 0, 0, 0.7); फ़ॉन्ट: सामान्य 100% / 1.5 कैलिबरी, कैंडारा, सेगो, "सेगोई UI", ऑप्टिमा, एरियल, बिना-सेरिफ़; }   
 यह एक कोड स्निपेट है ... जिसे एक आलेख में दिखाया गया है .. रीस्पॉन्सिव वेब डिज़ाइन मेरे पास आलेख में सीएसएस के बारे में दो प्रश्न हैं।  
 
 
 अगर मैं किसी साइट पर एम का उपयोग करना चाहता हूं तो मुझे समझ में आ रहा है कि मुझे मूल फ़ॉन्ट आकार की आवश्यकता है और फिर उन्हें TARGET आकार / आधार का आकार = ईएम क्या मुझे फिर पहले शरीर में "पीएक्स" में मूल फ़ॉन्ट आकार सेट करने की आवश्यकता है और फ़ॉन्ट में क्या होता है: 100% / 1.5 मतलब?   
 
 मेरा दूसरा प्रश्न पृष्ठभूमि की संपत्ति के बारे में है .. क्या दोहराता है "-20% -146 पीएक्स;" यह मतलब है / करते हैं? मुझे दोहराने के बारे में पता है: दोहराव और पुनरावृत्ति- y, दोहराए x लेकिन इसके लिए आपने% या पीएक्स का कभी इस्तेमाल नहीं किया है ..    
 उन्नत में किसी भी सलाह या जानकारी के लिए धन्यवाद .. मुझे आशा है कि मैं काफी स्पष्ट हूं ..   
 
 
 आप  की आवश्यकता नहीं  एक "आधार आकार" फ़ॉन्ट के लिए डिफ़ॉल्ट आकार उपयोगकर्ता द्वारा अपने ब्राउज़र में कॉन्फ़िगर किया गया है। यह ब्राउज़र 1em (या 100%) के लिए उपयोग करता है।  
 आप शरीर ( body {font-size: 12px} ) में अपना खुद का "बेस आकार" निर्धारित कर सकते हैं और फिर आगे जाकर  em  का उपयोग करें  h1 {font-size: 18px}  के बजाय  h1 {font-size: 1.5em}  जैसे अन्य फ़ॉन्ट-आकारों के लिए s (या % ) < / कोड> (12px * 1.5 = 18px) इसके लिए "लाभ" आपके लिए डेवलपर के रूप में है कि यदि आप अपना "बेस आकार" बदलना चाहते हैं, तो अन्य सभी फ़ॉन्ट-आकार (या अन्य  em  आधारित मान) तदनुसार पैमाने पर होंगे।  
 हालांकि इस तरह के एक पिक्सेल आधारित आधार आकार को सेट करके, आप अपने (डिजाइनर) विकल्प के साथ उपयोगकर्ताओं को कॉन्फ़िगर (और इस प्रकार संभवतः पसंदीदा) फ़ॉन्ट-आकार को ओवरराइड कर सकते हैं कई डिजाइनर ऐसा करते हैं, क्योंकि उनका मानना ​​है कि उनके पिक्सेल-सही डिजाइन उपयोगकर्ताओं की वरीयताओं से परेशान नहीं होना चाहिए। चाहे आपको इसकी ज़रूरत है या उपयोगकर्ता को चुनने का विकल्प देना है।  
  100% / 1.5  का हिस्सा है और  font-size: 100%  और  पंक्ति-ऊंचाई: 1.5 ।  
 भी एक छोटी हाथ की संपत्ति है और  पृष्ठभूमि: # E2E2E2 url ("/ - / img / bg.jpg ") दोहराएँ -20% -146 पीएक्स;  इसमें विस्तार:  
  पृष्ठभूमि-रंग: # E2E2E2; पृष्ठभूमि-छवि: url ("/ - / img / bg.jpg"); पृष्ठभूमि दोहराएँ: दोहराएँ; पृष्ठभूमि-स्थिति: -20% -146 पीएक्स;   
  पृष्ठभूमि-स्थिति: -20% -146 पीएक्स  का मतलब है कि पृष्ठभूमि छवि का शीर्ष बायां कोने उसके तत्व के शीर्ष बाएं कोने पर स्थित नहीं है, लेकिन इसकी बाईं तरफ और उसके ऊपर 146 पिक्सल के ऊपर की तरफ 20% धकेल दिया जाता है।