2010-06-18 5 views
6

मैंने देखा है कि वहाँ पहले से ऐसा पर समान प्रश्न और उत्तर के एक जोड़े हैं, लेकिन मुझे यहाँ मेरे विशिष्ट प्रश्न को स्पष्ट पहले करते हैं:सीएसएस प्राथमिकता आदेश? मेरी व्याख्यान स्लाइड सही हैं या नहीं?

मैं व्याख्यान स्लाइड्स जो इस तरह से कहा गया है:

http://mindinscription.net/webapp/csstest/precedence.PNG

खुलकर होने के लिए, मैं अपने आप को सीएसएस श्रेष्ठता के इस नियम के बारे में सुना नहीं है, और मैं लेकिन काफी नहीं है कि की तरह इसी तरह के विषय के साथ कुछ खोजने के लिए googled: here

अपने आप को एक परीक्षण करवाने के लिए, मैंने अपने सर्वरपर एक परीक्षण पृष्ठ बनाया

फ़ायर्फ़ॉक्स 3.6.3 पर इसे चलाने के बाद, मैं व्याख्यान स्लाइड्स में बयान के अनुसार, यकीन है कि यह मार्ग के रूप में यह होना चाहिए प्रदर्शित नहीं करता हूँ:

  • आयातित स्टाइलशीट? क्या मैं गलत कर रहा हूँ? मैं फ़ायरबग
  • का उपयोग करके इसका प्रभाव नहीं देख सकता हूं, यह कहता है कि एम्बेडेड स्टाइलशीट को लिंक/आयातित स्टाइलशीट पर उच्च प्राथमिकता है, हालांकि, यह काम नहीं करता है, अगर मैं इसके बाद लिंक/आयातित टैग डालता हूं।
  • इनलाइन शैली बनाम एचटीएमएल विशेषताएँ? मेरे पास एक छवि है जहां मैंने पहली बार चौड़ाई और ऊंचाई को नियंत्रित करने के लिए अपनी इनलाइन शैली सेट की है, फिर इसे संशोधित करने के लिए प्रत्यक्ष HTML विशेषता चौड़ाई/ऊंचाई का उपयोग करें, लेकिन असफल ...

नीचे स्रोत कोड है:

<html> 
<head> 
    <style type="text/css"> 
     #target 
     { 
      border : 2px solid green; 
      color : green; 
     } 
    </style> 
    <link rel="stylesheet" href="./linked.css" type="text/css" media="screen" /> 
</head> 
<body> 
    <div id="target">A targeted div tag on page.</div> 

    <img src="cat.jpg" alt="" style="width : 102px; height : 110px;" width="204px" height="220px" /> 
</body> 
</html> 

किसी भी अनुभवी सीएसएस लोग मुझे यह पता लगाने की मदद कर सकते हैं, तो स्लाइड सही है या नहीं?

स्पष्ट रूप से बोलते हुए, मैं खुद को परेशान कर रहा हूं, क्योंकि मैं स्पष्ट रूप से स्लाइड्स के बीच कुछ और "गलत" कथन देख सकता हूं, जैसे जावास्क्रिप्ट क्लाइंट-साइड पर है (सर्वर-साइड जावास्क्रिप्ट के बारे में कैसे?) और " एंबेडेड शैलियों वेब पेज के हेड सेक्शन में हैं "(क्या बिल्ली है? मुझे इसे बॉडी टैग के अंदर रखने की इजाजत नहीं है?)

इस मूर्ख सवाल के बारे में खेद है, परीक्षा टॉमोरो पर है, और अब मैं के बारे में सोचने के लिए बहुत सी चीजें देखें :)

+0

@ निक यक, आप उस स्लाइड को तब स्पर्श नहीं करना चाहते हैं ... क्या आपका मतलब था: * अमोक *? '';) – deceze

+5

यह पीपी पृष्ठभूमि पर केवल काले पाठ के साथ 933 केबी की जेपीईजी तस्वीर है? इसके लिए आपको निश्चित रूप से [पीएनजी] (http://en.wikipedia.org/wiki/Portable_Network_Graphics#Comparison_with_JPEG) का उपयोग करना चाहिए! –

+0

आपकी स्लाइड को निश्चित रूप से समायोजन की आवश्यकता है, सीएसएस शैली ने आपके पृष्ठभूमि रंग को निर्धारित करने के लिए एक नकली * चलाया है, वर्तनी मुझे अभी भी बढ़ाती है :( –

उत्तर

2

सबसे पहले, आयातित स्टाइलशीट के साथ उनका मतलब the @import rule का उपयोग करके एम्बेडेड स्टाइलशीट का मतलब है।

दूसरा, सीएसएस 2.1 spec में उस स्पष्टीकरण के नीचे कुछ पंक्तियां cascading order का स्पष्टीकरण है। the spec के अन्य भाग भी आपकी परीक्षा के लिए उपयोगी हो सकते हैं। सौभाग्य।

अद्यतन:googling के बारे में थोड़ी परिणामस्वरूप में:

आदि

+0

लिंक के लिए धन्यवाद, निश्चित रूप से सहायक। –

+0

तो क्या आप कह सकते हैं कि स्लाइड में क्या है सही नहीं है? –

+0

मैं हमेशा कीवर्ड के बीच + रखना भूल जाता हूं :(धन्यवाद लिंक, अब मैं बता सकता हूं कि स्लाइड को मुझे इतना अजीब कथन क्यों मिलेगा :) मुझे उम्मीद है कि परीक्षा में यह इस मुश्किल विषय पर बहुत अधिक नहीं होगा। –

2
  • <style></style> द्वारा गुणों को चयन द्वारा पुन: असाइन किया जा रहा है linked.css में आर।
  • imported.css के साथ कोई तत्व नहीं है।
+0

क्षमा करें, मेरी गलती। लेकिन मुझे यह देखकर खुशी हो रही है कि यह पृष्ठ की अंतिम उपस्थिति को नहीं बदलेगा। हाँ, मैं सोच रहा हूं कि "प्राथमिकता" वास्तव में जो भी "नवीनतम" लागू होती है। लेकिन ... यह स्लाइड में नहीं है :( –