CSS2 साक्षात्कार सवाल 91-100 ()
एक टेबल के आसपास सीमा?
निम्नलिखित का प्रयास करें:
tblboda. (
border-width:: 1px;
सीमा शैली: ठोस;
सीमा रंग # CCCCCC:;
)
* रंग, मोटाई और शैली / * बदल सकता /
आप या तो इस शैली में घोषणा करना
एक बाहरी stylesheet, या आप यह कर सकते हैं सामान में
<head> <सिर /> जैसे अनुभाग:
<style type="text/css"> यहाँ आप अपने शैलियों जगह कर सकते हैं () <शैली /> और यह के रूप में की मेज पर लागू है: <div class="tblboda"> <table yaddayadda> <tr> td सामग्री पाठ और अधिक सामग्री <<td> /> <tr /> तालिका </> <div />
कि तुम इस मेज के चारों ओर एक पतली सफ़ेद सीमा देना चाहिए.
यदि आप चाहते हैं कि सीमा 'रैप टेबल के आसपास' छोटा है, तो आप का उपयोग किया है
<span> बदले टैग
टैग. लेकिन वह बिल्कुल उचित नहीं है, सीएसएस या HTML, क्योंकि एक इनलाइन तत्वों के लिए है. एक टेबल एक इनलाइन तत्व नहीं, इसलिए सही टैग है एक
<div>. अगर तुम उसके साथ खेलने के चारों ओर एक सा है तो क्या आप कोई अच्छा प्राप्त करने के लिए आप क्या चाहते हैं और अब भी मौका है सही HTML / सीएसएस.
दूसरा रास्ता है कि आप वर्ग लागू होंगे तालिका (IE और अन्य समकालीन ब्राउज़रों के लिए), जैसे सीधे tblboda.
टेबल <... वर्ग = "tableboda">
और आप प्रत्येक stylesheet के लिए एक और वर्ग को परिभाषित:. tblboda2
NN4.xx stylesheet में, आप ऊपर के रूप में एक ही गुण है, और IE और अन्य समकालीन ब्राउज़रों आप ध्यान से उन सभी गुणों के लिए डिफ़ॉल्ट (सीमा शैली: कोई नहीं; की तरह सेट में उपयोग)
तो फिर तुम में टेबल रैप
<div> वर्ग के साथ NN4.xx (tblboda2. कि है) (IE aocb कुछ भी नहीं है, क्योंकि सीमा शैली "कोई नहीं" के लिए सेट है = नहीं पर सीमा सभी).
इस तरह आप एक मेज है कि एक अच्छा सा सीमा में लिपटे है:. NN4.xx के लिए tblboda2, IE और अन्य आधुनिक ब्राउज़रों के लिए tblboda..
आप कैसे एक निश्चित ब्राउज़र का लक्ष्य?
IE 'के साथ अपनी संपत्ति पूर्ववर्ती *' html द्वारा लक्षित किया जा सकता है. उदाहरण के लिए ...
# एनएवी (
स्थिति: निर्धारित;
)
* Html # एनएवी (/ * इस * IE लक्ष्य होगा /
स्थिति: निरपेक्ष;
)
एक अन्य तरीका IE लक्ष्य सशर्त टिप्पणियों के साथ है. इस के नीचे () दिमाग में सिर्फ बंद टैग से पहले - डालो - और तुम्हें कुछ ही दूसरे stylesheet में IE में निर्देशित होना चाहता हूँ डाल दिया.
<!--[ अगर] IE> <link href="ieonly.css" rel="stylesheet" type="text/css"> ! <[] endif ->
यदि आप IE5x लक्ष्य की जरूरत है ...
# लपेटो (
width: 760px; / IE5x के लिए * * /
w \ idth: 780px; / अन्य सभी प्रमुख ब्राउज़रों के लिए * * /
)
भाग कैसे काम करता है?
HTML दस्तावेज hierarchically संरचित कर रहे हैं. वहाँ एक पूर्वज, उच्च स्तर घटक, HTML तत्व, जिसमें से अन्य सभी तत्वों (बच्चों) के वंशज हैं. परिवार में किसी अन्य रूप में भी HTML परिवार के बच्चों को उनके माता पिता को विरासत में, जैसे रंग या आकार कर सकते हैं.
द्वारा दे बच्चे अपने माता पिता के एक डिफ़ॉल्ट शैली विरासत में शीर्ष स्तर तत्वों और उनके बच्चों के लिए बनाया जा सकता है. (ध्यान दें: नहीं सभी गुण विरासत में मिला जा सकता है). भाग सबसे प्राचीन पूर्वज पर शुरू होता है और उसके बच्चों के लिए पर पारित किया है और फिर अपने बच्चों और बच्चों के बच्चों और इतने पर.
विरासत शैली बच्चे के तत्व को विशिष्ट शैली की घोषणा से अधिरोहित जा सकता है. उदाहरण के लिए यदि EM तत्व को अपने माता पिता के पी तो विरासत में अपनी शैली को यह घोषित किया जाना चाहिए नहीं है. उदाहरण के लिए:
शरीर (font-size: 10pt)
सभी पाठ एक बिंदु 10 फ़ॉन्ट में प्रदर्शित किया जाएगा
शरीर (font-size: 10pt)
H1 (font-size: 14pt या) H1 (font-size: 180%)
स्तर 1 शीर्षकों के एक बिंदु 10 फ़ॉन्ट में प्रदर्शित किया जाएगा के अलावा सभी पाठ. H1 एक बिंदु 14 फ़ॉन्ट में प्रदर्शित किया जाएगा (या एक फ़ॉन्ट कि 80 शरीर को एक सेट से भी बड़ा% है). यदि तत्व H1 अन्य तत्व हैं, EM तो जैसे EM तत्व भी एक बिंदु 14 फ़ॉन्ट (या 180%) यह H1 माता पिता की संपत्ति के वारिस न होंगे में प्रदर्शित किया जाएगा. यदि EM तत्व है, कुछ अन्य फ़ॉन्ट में प्रदर्शित हो, तो फ़ॉन्ट गुण ही यह घोषित करना होगा, जैसे:
शरीर (font-size: 10pt)
H1 (font-size: 14pt या) H1 (font-size: 180%)
EM (font-size: 15pt) या EM (font-size: 110%)
EM तत्व एक 15 बिन्दु फ़ॉन्ट में प्रदर्शित किया जाएगा या 10 एच 1% से भी बड़ा होगा. नोट: EM इस उदाहरण में है, एच 1 अंदर इसलिए है H1 और नहीं संपत्ति के वारिस न होंगे शारीरिक है.
इसके बाद के संस्करण की घोषणा 15 अंक फ़ॉन्ट या फ़ॉन्ट है कि 10% से बड़े फ़ॉन्ट में सभी EM तत्वों को प्रदर्शित करेगा मूल तत्व को घोषित किया. यदि यह विशेष फ़ॉन्ट के लिए EM तत्वों पर लागू होते हैं, लेकिन तभी जब वे अंदर H1 रहे हैं और नहीं EM की तो हर घटना EM एक प्रासंगिक चयनकर्ता के रूप लेना चाहिए.
H1 EM (font-size: 15pt) या H1 EM (font-size: 110%)
EM ऊपर उदाहरण में एक प्रासंगिक चयनकर्ता है. यह निर्दिष्ट फ़ॉन्ट में प्रदर्शित होगी तभी यह एच 1 के संदर्भ में मिल जाएगा.
नहीं सभी गुण विरासत में मिले हैं. ऐसा ही एक संपत्ति पृष्ठभूमि है. तथापि, मूल तत्व की पृष्ठभूमि पारदर्शी डिफ़ॉल्ट रूप से के माध्यम से चमक जाएगी क्योंकि यह है आरंभिक मूल्य है जब तक यह स्पष्ट रूप से निर्धारित है.
'में प्रतिशत मूल्य font-' आकार की तुलना में क्या है?
यह मूल तत्व है फ़ॉन्ट आकार के सापेक्ष है. उदाहरण के लिए, यदि शैली पत्रक कहते हैं:
H1 (font-size 20pt:;)
समर्थन (font-size: 80%;)
एक तो ...
एक <H1> अंदर <sup> एक फ़ॉन्ट नहीं होगा का आकार 80% 20pt बार, या 16pt.
फ़ॉन्ट के साथ क्या गलत है परिवार: "Verdana, Arial, Helvetica?"
उद्धरण. यह वास्तव में एक अच्छी तरह से युक्त आइटम के साथ एक सूची है 'जाने जाते हैं, Verdana Arial, Helvetica फ़ॉन्ट परिवार. यह शायद तीन मदों की एक सूची है करना है.
अधिकांश अन्य CSS1 गुण के विपरीत, फ़ॉन्ट के लिए मूल्यों, परिवार के एक अल्पविराम के द्वारा अलग से संकेत मिलता है कि वे विकल्प हैं. फ़ॉन्ट रहितसफेद युक्त नाम उद्धृत किया जाना चाहिए. यदि उद्धृत लोप है, इससे पहले कि और फ़ॉन्ट नाम के बाद किसी भी रहितसफेद अक्षर और उपेक्षा फ़ॉन्ट नाम के अंदर किसी भी रहितसफेद अक्षर के अनुक्रम एक भी अंतरिक्ष में बदल जाता है.
तो दो फोंट foo और वाक्यविन्यास बार के लिए पूछने के लिए है:
font-परिवार: Foo, पट्टी
के लिए दो फोंट रिवाइवल 555 और आयोडीन तुम यह कर सकते हैं माँगने के लिए:
font-परिवार: "555 रिवाइवल", आयोडीन
तुम भी ऐसा कर सकती है:
font-परिवार: 555 रिवाइवल, आयोडीन
जो बराबर है. सूचना है कि यह तीन नहीं फ़ॉन्ट है, तुम बता सकते हो, क्योंकि 'मैं' तुम एक अल्पविराम नहीं मारा के बाद, (और अधिक की सूची पर आ आइटम) एक सेमीकोलन है कि संपत्ति के अंत (एक और आ जायदाद) या एक घुंघराले संबंधित ( कि शासन के अंत में). यह भी बराबर है:
font-परिवार: 555 रिवाइवल, आयोडीन
^^^^^^ रिक्त स्थान की पूरी गुच्छा एक अंतरिक्ष में धर्मान्तरित
लेकिन यह अगले एक नाम में दो स्थानों के साथ एक अलग फ़ॉन्ट के लिए पूछ रही है
font-परिवार: "555 रिवाइवल", आयोडीन
^ ^ दो रिक्त स्थान है, जो परिवर्तित नहीं कर रहे हैं
सामान्य में यह उपयोगकर्ता के अधिक सहिष्णु है उद्धरण चिह्नों के बाहर छोड़ टाइपिंग. कभी कभी तुम उन्हें जरूरत है, उदाहरण के लिए वहाँ एक असली Fontworks द्वारा बेचे फ़ॉन्ट है और Stephan म्यूलर आए 1995 में तैयार की शुक्रवार कहा जाता है, शनिवार, रविवार. हाँ, वास्तविक फ़ॉन्ट नाम में दो अल्पविराम. CSS1 इसे संभाल कर सकते हैं:
font-परिवार: "शुक्रवार, शनिवार, रविवार", घसीट
क्योंकि यह संभाल सकता हूँ, शीर्षक में उदाहरण के वाक्य विश्लेषणात्मक सही है. लेकिन क्या लेखक या उपकरण लिखा लगभग निश्चित रूप से नहीं जो दस्तावेज लेखक का उद्देश्य था.
मैं अपने पृष्ठ केंद्र कैसे करते हैं?
यह बहुत आसान है. यदि हम पिछले प्रश्न में कूट ले और उसे यह बदलने के लिए:
सीएसएस
शरीर, html (
ऊँचाई: 100%;
)
शरीर (
मार्जिन: 0;
padding: 0;
)
# लपेटो (
स्थिति: रिश्तेदार,
width: 780px;
मार्जिन: ऑटो; मंत्री ऊँचाई: 100%;
)
* Html # लपेटो (
ऊँचाई: 100%;
)
आप एक पृष्ठ है कि एक क्षैतिज scrollbar के बिना, जो उच्च संकल्प पर केंद्रित होगी एक संकल्प 800 × 600 स्क्रीन फिट हो
मैं संपत्ति मूल्य बोली चाहिए?
आम तौर पर नहीं. हालांकि, सफेद युक्त मूल्यों रिक्त स्थान, फ़ॉन्ट जैसे परिवार के नाम whitespaces फ़ॉन्ट का नाम चारों ओर ध्यान नहीं दिया और फ़ॉन्ट नाम अंदर whitespaces हैं एक ही जगह में तब्दील कर रहे हैं, इस प्रकार फ़ॉन्ट एक से अधिक शब्द से बना नाम (जैसे) के रूप में उद्धृत की जानी चाहिए ' टाइम्स न्यू रोमन तीन अलग नाम: टाइम्स, नई और रोमन के रूप में व्याख्या कर रहे हैं.
क्या कोई WYSIWYG संपादक स्टाइल शीट्स के निर्माण का समर्थन? कोई पाठ HTML संपादकों आधारित?
ब्राउज़रों में सीएसएस के लिए समर्थन के रूप में पिछले साल में परिपक्व हो गया है, दोनों WYSIWYG और पाठ-HTML संपादकों आधारित दर्शन है कि निर्माण या व्यापक पहनाव शीट वाक्यविन्यास बनाने की सहायता की अनुमति है. वहाँ अब कर रहे हैं कम से कम दो दर्जन से किसी रूप में सीएसएस वाक्यविन्यास का समर्थन संपादक हैं. W3C एक अप इन WYSIWYG और पाठ के लिए नवीनतम सूची संपादकों आधार रखता है.
कौन सी शैली विनिर्देशन पद्धति का उपयोग किया जाना चाहिए? क्यों?
इस एक जवाब मुश्किल है. संक्षिप्त जवाब है यह निर्भर करता है. "लंबे जवाब है, तथापि, एक कहानी है.
यदि आप उपयोग के बारे में और अपने दस्तावेज़ में एक शैली विनिर्देशन विधि से योजना बना रहे हैं, तुम भी पहनाव तरीकों के आदेश के बारे में व्यापक चिंता (11 प्रश्न देखना चाहिए.) यदि आप केवल एक ही तरीका है, तो प्रत्येक की प्रकृति के बारे में कुछ दिशा निर्देश का प्रयोग जा रहे हैं विधि की आवश्यकता को ध्यान में रखा जाएगा. इस सवाल का जवाब भी बहुत उनमें से एक (अगले सवाल का उपयोग करने के फायदे और नुकसान के लिए संबंधित है.)
1 तरीका: विदेश स्टाइल शीट्स (लिंक [-> सूचकांक डॉट Html] तत्व)
इस पद्धति का उपयोग यदि आप एकाधिक दस्तावेज़ों के लिए एक ही शैली लागू करना चाहते जाना चाहिए. हर दस्तावेज़ खड़े संदर्भ अकेले कर सकते हैं शैली पत्रक और भीतर समाहित शैलियों का उपयोग करें. इस पद्धति का उपयोग करके, कई दस्तावेज के रूप का प्रयोग किया जा सकता है एक या शैली पत्रक की छोटी संख्या. यह एक लेखक के लिए बहुत समय बचा सकते हैं.
2 तरीका: एंबेडेड स्टाइल शीट्स ([पहनाव -> सूचकांक डॉट Html] तत्व)
2 विधि के साथ प्रयोग के लिए वाक्यविन्यास 1 तरीका है कि के रूप में ही है. इस विधि विदेश स्टाइल शीट्स और इनलाइन शैलियाँ के बीच खुशी का माध्यम है (नीचे देखें.). यह 1 विधि के स्थान पर प्रयोग किया जाना चाहिए अगर आप केवल एक ही दस्तावेज के लिए शैलियों को निर्दिष्ट करना चाहता हूँ. इस विधि भी जब आप एक या शैली परिभाषाओं की सूची में बड़े आकार की है पर कई तरह के टैग के लिए एक शैली निर्दिष्ट करना चाहते किया जाना चाहिए. 3 तरीका: इनलाइन शैलियाँ स्टाइल (HTML तत्वों को गुण)
यदि आप केवल एक या एक एकल दस्तावेज़ में कुछ तत्वों, तुम्हारा सबसे अच्छा शर्त अक्सर एक इनलाइन पहनाव होगा शैली को लागू किया है. इस विधि HTML तत्व यह संशोधित है के भीतर एक शैली परिभाषा देता है.
उचित पाठ?
आप को फिर से परिभाषित
<p> जैसे टैग:
p (text-align: उचित ठहराया;)
और यह कि renders सब
<p> एस उचित पाठ के साथ.
एक और संभावना के एक वर्ग को परिभाषित करने की तरह है:
. बस (text-align का औचित्य साबित:;)
और फिर तुम जैसे सवाल में पैरा शैली:
td <td class="just"> पाठ </> ध्यान दें कि 4.xx NN शैलियों की विरासत के साथ समस्या है, कि कुछ NN4.xx ब्राउज़रों में एक अजीब तरह की व्याख्या "औचित्य सिद्ध 'है, और है कि तुम पिछले और चरित्र के बीच कम से कम एक रिक्त स्थान है है
</ p> क्योंकि अन्यथा 4.xx पसंद NN टैग, यहां तक कि एक तीन शब्द आधा वाक्य ... भी जायज ठहराने के लिए, कुछ ब्राउज़रों उचित पाठ प्रदान का एक बहुत बुरा काम करते हैं, शब्दों के बीच रिक्त स्थान जोड़ने, बजाय अक्षरों के बीच के रिक्त स्थान, जैसे शब्द संसाधन प्रोग्राम के साथ .