All Articles Dreamweaver
Dreamweaver ट्यूटोरियल भाग 2 में सीएसएस सीखना: कक्षा नियम बनाना
Geoff Blake on Tue, February 15th | 0 comments
In Part One of our look at using CSS in Dreamweaver, I provided a rundown on a few key fundamentals, such as what styles are, how they work, what style sheets are. Remember, a style (also called a "ru

Dreamweaver में सीएसएस का उपयोग करने पर हमारे देखो के भाग एक, मैं जैसे शैलियों क्या हैं कुछ प्रमुख बुनियादी बातों पर एक ठहरनेवाला प्रदान की, वे कैसे काम, शैली पत्रक क्या कर रहे हैं. याद रखें, एक शैली (भी बुलाया एक "नियम") बस स्वरूपण गुणों का एक संग्रह है, और एक शैली पत्रक शैलियों की एक सूची है.

Also in Part One, we discussed how to create Redefined HTML Elements, a CSS rule type. Recall that we weren't creating anything new per se, we were simply redefining what was already present on our page. This not only means that you don't have to apply your formatting manually to any content (since your content already exists on your page), but also that you're changing all instances of the HTML element that you've redefined. Now, you may not want that -- you may not want to redefine all paragraphs, for example; maybe only the first paragraph. And this is where class rules come into play.

With class rules, we name and create the rule completely from scratch, then go and apply the formatting where ever it's needed on our page. If you're familiar with styles from other applications, like Word, Pages, InDesign, and Quark, then you're already familiar with how class rules work.

महान क्या है कि हम किसी भी HTML तत्व वर्ग नियमों को लागू कर सकते हैं: तालिकाओं, divs, शीर्षकों, शरीर, क्षैतिज नियम, सूचियों ... काम करता है! यह हमें वास्तव में हमारे पृष्ठ और हमारे नियंत्रण के तहत स्वरूपण को पाने के लिए अनुमति देता है. तो चलो एक वर्ग नियम बनाने पर एक नज़र रखना है, तो हम चर्चा कर सकते हैं कि कैसे उन्हें लागू करने के लिए.

यहाँ कैसे एक वर्ग नियम बनाने के लिए ...

चरण - 1

सीएसएस शैलियाँ पैनल के तल में, नई सीएसएस नियम आइकन पर क्लिक करें.

कदम - 2

नई सीएसएस नियम संवाद बॉक्स में जो प्रकट होता है, क्लास चयनकर्ता प्रकार ड्रॉप डाउन मेनू से (कोई एचटीएमएल तत्व के लिए लागू कर सकते हैं) का चयन .

चरण - 3

चयनकर्ता नाम फ़ील्ड में अपने नए वर्ग के नियम के लिए कोई नाम लिखें.

क्योंकि हम अनिवार्य रूप से खरोंच से कर रहे हैं वर्ग नियम बनाने, हम उनके नाम कर सकते हैं जो हम चाहते हैं लेकिन करने के लिए अपने वर्ग के नियम के नाम में रिक्त स्थान या विशेष वर्ण का उपयोग नहीं सुनिश्चित हो. उदाहरण के लिए, यदि आप एक वर्ग ग्राफिक्स नियंत्रण नियम बना रहे हैं, आप अपने शासन "ImageController" या नाम हो सकता है "PictureFixerUpper." यदि आप एक साइडबार बना रहे हैं, तो अपने नियम साइडबार "नाम." नाम 'em लेकिन आप की तरह, और एक ऐसा नाम है जो उपयोगी और सार्थक है का उपयोग करें!

कदम - 4

संवाद बॉक्स के नीचे तय है, चाहे आप एक आंतरिक शैली पत्रक "यह केवल दस्तावेज़" एक बाह्य शैली पत्रक "नया स्टाइल शीट फ़ाइल में या में अपने शासन को बचाने के लिए चाहते हैं.

कदम - 5

In the CSS Rule Definition dialog box, go nuts and have some fun setting some CSS properties. The properties that you decide to use really depend on what it is you want your new class rule to do. Here are a few ideas to consider: If you're controlling images, you might want to apply a border, a margin, and perhaps a float setting. If you're creating a sidebar for some text, head for the Type category and possibly the Block category. Maybe throw on a background color and some padding too. Again, it really depends on what you have in mind, what you want to create, and how you want it to look.
When you're done, click OK.

सूचना है कि अपने नए नियम सीएसएस शैलियाँ पैनल के शीर्ष पर दिखाई देता है. भी सूचना है कि अपने शासन के नाम / पूर्ण विराम की अवधि के द्वारा दीं. हमेशा क्लास शासन नाम एक अवधि के द्वारा दीं होना चाहिए, अगर तुम जब आप अपने शासन नामकरण कर रहे हैं (के रूप में हम वापस चरण 3 में किया था) में मत डालो, तो Dreamweaver स्वचालित रूप से अवधि रहना होगा.

अब जब कि तुम एक वर्ग नियम बनाया है, यह इसे अपने पृष्ठ भर में लागू करने का समय है. जैसा कि पहले उल्लेख किया है, के विपरीत HTML तत्वों नए सिरे से परिभाषित, वर्ग के नियमों को मैन्युअल रूप से आपके दस्तावेज़ में लागू किया जा है. कैसे आप या तो ब्लॉक स्तर या इनलाइन HTML तत्व के अपने नियम लागू होते हैं, पर निर्भर करता है, तो आप अपने पृष्ठ पर विभिन्न परिणाम प्राप्त करेंगे. चलो कुछ मायनों में यह कर पर एक नज़र रखना.

यहाँ है कैसे स्वरूपण ब्लॉक स्तरीय HTML तत्वों को लागू करने के लिए:

कदम - 6

अपने पृष्ठ पर, वस्तु है कि आप स्वरूपित करना चाहते हैं पर एक क्लिक करें. उदाहरण के लिए, अगर यह एक शीर्षक या एक पैरा है कि आप स्वरूपित करना चाहते हैं, बस अपने कर्सर पाठ में ड्रॉप. यदि यह एक मेज, div, या छवि है, ऑब्जेक्ट का चयन सुनिश्चित करें. कभी कभी, नीचे - बाएँ कोने में स्थिति पट्टी पर टैग चयनकर्ता का उपयोग कर काम जब आप इन बड़े तत्वों का चयन करने की कोशिश कर रहे हैं में आता है. जो कुछ भी यह है कि आप स्वरूपित करना चाहते है, यहाँ विचार का चयन करने के लिए है.

कदम - 7

संपत्ति निरीक्षक पर कक्षा मेनू से, अपने वर्ग के नियम का चयन करें. यह चयनित ऑब्जेक्ट के लिए अपने वर्ग का नियम लागू होता है. सूचना है कि टैग चयनकर्ता अब HTML तत्व तुम्हें चुना है, के रूप में के रूप में अच्छी तरह से अपने वर्ग के शासन के नाम, एक अवधि के द्वारा दीं इंगित करता है. उदाहरण के लिए, . अगर हम कोड दृश्य में इस उदाहरण को देखो, यह इस तरह दिखेगा:

. Notice that the rule name in code is not proceeded by a period.


That's how to apply formatting to a block level element. Let's see what happens if we try selecting text instead of simply clicking inside it.

Here's how to apply formatting to an inline element. It's only slightly different, but let's give it a try.

कदम - 8

Rather than single-clicking within some text, try selecting a word, phrase, or sentence. If you're coming from the print world, this is the equivalent to character formatting (as opposed to paragraph formatting).

कदम - 9

बस के रूप में पहले, संपत्ति निरीक्षक से अपने वर्ग के नियम का चयन करें. अंतर अब है कि केवल चयनित शब्द या वाक्य स्वरूपित हो जाता है. टैग चयनकर्ता बाहर की जाँच करें, और यह आपको बता क्या चल रहा है. अब इसे पढ़ता अवधि और अपने वर्ग नियम के नाम के द्वारा पीछा किया, उदाहरण के लिए . कोड दृश्य में, इसे पढ़ा होगा . एक इनलाइन तत्व है. जैसा कि आप देख सकते हैं, एक ही HTML विशेषता (वर्ग) का उपयोग किया है, और वाक्यविन्यास बिल्कुल वैसा ही है जैसा पहले था, लेकिन हम हमारे पृष्ठ पर एक बहुत अलग परिणाम मिलता है.

ज्ञान और समझ, न केवल वर्ग नियम बनाते हैं, लेकिन यह भी कैसे उन्हें लागू करने के दो तरीके हैं वास्तव में अपने बनाने के लिए और बहुत अच्छी लग रही साइटों को विकसित करने की क्षमता में वृद्धि होगी. हैप्पी stylin '!

साथ सीएसएस में गहरी जाओ सीएसएस तलाश .

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: