All Articles Dreamweaver
آموزش CSS در 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

در بخش اول از نگاه ما در استفاده از CSS در 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

در پایین پانل سبک CSS ، روی آیکون قانون جدید CSS کلیک کنید.

گام -- 2

در قانون جدید CSS جعبه محاوره ای که ظاهر می شود ، کلاس را انتخاب کنید (می تواند درخواست برای هر عنصر HTML) از قطره نوع انتخاب منوی کشویی .

گام -- 3

در زمینه انتخاب نام ، نوع در یک نام برای حاکمیت طبقاتی جدید خود را است.

از آنجا که ما اساسا ایجاد قوانین کلاس از ابتدا ، ما می توانید آنها را را هر چه ما می خواهیم نام ، اما مطمئن باشید به استفاده از فاصله یا کاراکترهای خاص در نام حاکمیت طبقاتی خود را. به عنوان مثال ، اگر شما ایجاد یک حکومت کلاس برای کنترل گرافیک ، شما ممکن است خود حکومت "ImageController" یا "PictureFixerUpper. نام اگر شما در حال ایجاد یک نوار کناری ، و سپس حکومت "نوار کناری" نام . نام 'EM با این حال شما می خواهم ، و استفاده از یک نام است که مفید و معنی دار!

گام -- 4

در پایین جعبه محاوره ای ، تصمیم بگیرد که آیا شما می خواهید برای ذخیره کردن حکومت خود را در یک CSS داخلی "این سند تنها" و یا به سبک ورق خارجی "جدید سبک فایل جدول".

گام -- 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.

توجه کنید که قانون جدید به نظر می رسد در بالای پانل سبک های CSS. توجه بیش از حد است که نام حکومت خود را توسط یک دوره / توقف کامل اقدام شده است. نام قاعده کلاس همیشه باید یک دوره اقدام شود ، اگر شما یکی در زمانی که می خواهید نامگذاری حکومت شما (همانطور که ما در مرحله 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 مبارک!

عمیق تر به CSS با بررسی CSS .

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: