CSS - تاریخچهٔ ویرایش‌ها

Hamidy در ‏۸ مارس ۲۰۱۱، ساعت ۱۷:۴۷

2011-03-08T17:47:40Z

نمایش تغییرات

Mehrabun در ‏۳۰ ژانویهٔ ۲۰۱۰، ساعت ۱۵:۲۰

2010-01-30T15:20:38Z

Mehrabun در ‏۱ سپتامبر ۲۰۰۹، ساعت ۰۱:۲۷

2009-09-01T01:27:38Z

Mehrabun: Css به CSS منتقل شد

2009-07-27T20:31:17Z

Css به CSS منتقل شد

Mehrabun در ‏۱ ژوئیهٔ ۲۰۰۹، ساعت ۱۳:۵۹

2009-07-01T13:59:56Z

Kazemzadeh: /* انواع گزینشگر ! */

2008-11-19T19:26:02Z

‏انواع گزینشگر !

Kazemzadeh: صفحهٔ جدید: == css چیست ؟ == روی‌انداز آبشاری سَبْک یا سی‌اس‌اس (Cascading Style Sheets - CSS) زبانی‌ست که از آن به منظور اع...

2008-11-19T19:17:36Z

صفحهٔ جدید: == css چیست ؟ == روی‌انداز آبشاری سَبْک یا سی‌اس‌اس (Cascading Style Sheets - CSS) زبانی‌ست که از آن به منظور اع...

صفحهٔ تازه

== css چیست ؟ ==

روی‌انداز آبشاری سَبْک یا سی‌اس‌اس (Cascading Style Sheets - CSS) زبانی‌ست که از آن به منظور اعمال فرمت، سبک نمایش، و نحوهٔ ارائهٔ مستند‌های نوشته‌شده به زبان‌های نشانه‌گذاری استفاده به عمل می‌آید. بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحهٔ وب [[DHTML]] و [[XHTML]] است ولی آن را می‌توان بر هر نوع مستند [[XML]] از جمله [[SVG]] و [[XUL]] اعمال کرد. نگهداری و تغییر مشخصات سی‌اس‌اس به عهدهٔ [[کنسرسیوم وب جهانگستر]] است.

== چگونه css بنویسیم ؟ ==

هر سبک css دارای دو بخش است . بخش اول نام گزینشگر ها ( selectors) که همان برچسب هایی هستند که سبک مورد نضر شما باید به آنها اعمال شود .
مثال :

<code> h1 { color : red; }</code>

در این دستور ، h1 گزینشگر است که سبک ما به آنها اعمال میشود .
بخش دوم خصوصیات ((properties که مشخص می کند که چه سبکی باید به برچسب انتخاب شده اعمال گردد .
مثال :

<code>h1 { color : red;}</code>

در این دستور red همان خصوصیات است که به سبک اعمال شده بر color داده میشود.

== انواع گزینشگر ! ==

گزینشگر های کلاس کاذب(Pseudo-Class Selectors)
برچسب a در HTML نسبت به بقیه از تنوع بیشتری برخوردار است . با تعیین خصوصیات Link , Vlink , Alink در body می توانید رنگ لینک های خود را تغییر دهید .
مثال :

<code>a:link { color : #0000ff; }</code>
<code>a:visited { color : #FF00FF; }</code>
<code>a:hover { color : #00ccff;}</code>
<code>a:active { color : #FF0000; }</code>

== گزینشگر های کلاس (Class Selectors) ==

اختصاص دادن سبک ها به برچسب های HTML بسیار خوب است ولی چه اتفاقی خواهد افتاد اگر شما بخواهید سبک دیگری را به دو برچسب همسان اختصاص دهید ؟ در این زمان برچسب های css وارد عمل می شوند .
مثال : این تعریف سبک باعث می شود که تمامی متون پاراگراف های داخلی سند به رنگ آبی نمایش یابد :

<code>P { color : #0000ff; }</code>

حال اگر شما بخواهید سطری را به رنگی متمایز نمایش دهید باید به آن یک کلاس اختصاص دهید .
برای مثال کلاس slidebar را اختصاص می دهیم.

<code>P { color : # 0000ff; }</code>
<code>.slidebar { color : #ffffff; }</code>

نحوه استفاده در برچسب HTML :

<code>Mambo Is The Best CMS</code>

== گزینشگر های مفهومی (Contextual Selectors) ==

اگر بخواید لینک های ستون کانری سایت شما که در کلاس slidebar قرار میگیرند به رنگ متمایز از متن نمایش داده شوند باید از گزینشگرهای مفهومی استفاده نماییم .
مثال :

<code>P { color : #0000ff; }</code>
<code>.slidebar { color : #ffffff; }</code>
<code>p.slidebar a:link, p.slidebar a:visited { color : #ffffff; }</code>

نحوه ی استفاده در برچسب HTML :

<code>Mambo Is The Best CMS <a href="www.mambolearn.com">,Download Here</a></code>

== گزینشگر های خصوصی(ID Selectors) ==

همانند گزینشگر های کلاس و گزینشگرهای خصوصی برای انتخاب یک برچسب خاص به کار می رود یا ترجیحا برای انتخاب گروهی از برچسب ها از آنها استفاده می شود . برچسب هایی که به آنها یک گزینشگر خصوصی اختصاص داده شده است ، با ویژگی ID خود مشخص می شوند .

<code>Mambo Is The Best CMS</code>

یک گزینشگر خصوصی به دلیل دارا بودن علامت # در آغاز ، به راحتی قابل داخل کد css قابل شناسایی است.
مثال :

<code>#slidebar1 { color : #ffffff; }</code>

منبع : learning how to create web pages with css

@@ سطر ۱: / سطر ۱: @@
 == css چیست ؟ ==
-روی‌انداز آبشاری سَبْک یا سی‌اس‌اس (Cascading Style Sheets - CSS) زبانی‌ست که از آن به منظور اعمال فرمت، سبک نمایش، و نحوهٔ ارائهٔ مستند‌های نوشته‌شده به زبان‌های نشانه‌گذاری استفاده به عمل می‌آید. بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحهٔ وب [[DHTML]] و [[XHTML]] است ولی آن را می‌توان بر هر نوع مستند [[XML]] از جمله [[SVG]] و [[XUL]] اعمال کرد. نگهداری و تغییر مشخصات سی‌اس‌اس به عهدهٔ [[کنسرسیوم وب جهانگستر]] است.
+روی‌انداز آبشاری سَبْک یا سی‌اس‌اس ('''Cascading Style Sheets - CSS''') زبانی‌ست که از آن به منظور اعمال فرمت، سبک نمایش، و نحوهٔ ارائهٔ مستند‌های نوشته‌شده به زبان‌های نشانه‌گذاری استفاده به عمل می‌آید. بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحهٔ وب [[DHTML]] و [[XHTML]] است ولی آن را می‌توان بر هر نوع مستند [[XML]] از جمله [[SVG]] و [[XUL]] اعمال کرد. نگهداری و تغییر مشخصات سی‌اس‌اس به عهدهٔ [[کنسرسیوم وب جهانگستر]] است.
 == چگونه css بنویسیم ؟ ==
-هر سبک css دارای دو بخش است . بخش اول نام گزینشگر ها ( selectors) که همان برچسب هایی هستند که سبک مورد نضر شما باید به آنها اعمال شود .
+مثال:
-مثال :
-<p dir="ltr"><code> h1 { color  :  red; }</code></p>
+بخش دوم  خصوصیات (properties) که مشخص می‌کند که چه سبکی باید به برچسب انتخاب شده اعمال گردد .
 مثال :
 <p dir="ltr"><code>h1 { color : red;}</code></p>
-در این دستور  red  همان خصوصیات است که به سبک اعمال شده بر  color  داده میشود.
+در این دستور red همان خصوصیات است که به سبک اعمال شده بر color داده می‌شود.
 == انواع گزینشگر  ==
-گزینشگر های کلاس کاذب(Pseudo-Class Selectors)
+گزینشگرهای کلاس کاذب (Pseudo-Class Selectors)
-برچسب a  در HTML نسبت به بقیه از تنوع بیشتری برخوردار است . با تعیین خصوصیات  Link , Vlink , Alink  در body  می توانید رنگ لینک های خود را تغییر دهید .
+برچسب a در [[HTML]] نسبت به بقیه از تنوع بیشتری برخوردار است . با تعیین خصوصیات Link , Vlink , Alink  در body  می‌توانید رنگ لینک‌های خود را تغییر دهید.
 مثال :
@@ سطر ۳۱: / سطر ۳۴: @@
 <p dir="ltr"><code>a:active { color : #FF0000; }</code></p>
-== گزینشگر های کلاس (Class Selectors) ==
+== گزینشگرهای کلاس (Class Selectors) ==
-اختصاص دادن سبک ها به برچسب های HTML  بسیار خوب است ولی چه اتفاقی خواهد افتاد اگر شما بخواهید سبک دیگری را به دو برچسب همسان اختصاص دهید ؟ در این زمان برچسب های css   وارد عمل می شوند .
+اختصاص دادن سبک‌ها به برچسب‌های [[HTML]] بسیار خوب است ولی چه اتفاقی خواهد افتاد اگر شما بخواهید سبک دیگری را به دو برچسب همسان اختصاص دهید ؟ در این زمان برچسب‌های css  وارد عمل می‌شوند.
-مثال : این تعریف سبک باعث می شود که تمامی متون پاراگراف های داخلی سند به رنگ آبی نمایش یابد :
 <p dir="ltr"><code>P {  color : #0000ff; }</code></p>
-حال اگر شما بخواهید سطری را به رنگی متمایز نمایش دهید باید به آن یک کلاس اختصاص دهید .
+حال اگر شما بخواهید سطری را به رنگی متمایز نمایش دهید باید به آن یک کلاس اختصاص دهید.
-برای مثال کلاس slidebar  را اختصاص می دهیم.
 <p dir="ltr"><code>P { color : # 0000ff; }</code></p>
 <p dir="ltr"><code>.slidebar  { color : #ffffff; }</code></p>
-نحوه استفاده در برچسب HTML  :
+نحوه استفاده در برچسب [[HTML]] :
 <p dir="ltr"><code><p class="slidebar">Mambo Is The Best CMS</p></code></p>
-== گزینشگر های مفهومی (Contextual Selectors) ==
+== گزینشگرهای مفهومی (Contextual Selectors) ==
-اگر بخواید لینک های ستون کانری سایت شما که در کلاس  slidebar  قرار میگیرند به رنگ متمایز از متن نمایش داده شوند باید از گزینشگرهای مفهومی استفاده نماییم .
+اگر بخواهید لینک‌های ستون کناری سایت شما که در کلاس slidebar قرار می‌گیرند به رنگ متمایز از متن نمایش داده شوند باید از گزینشگرهای مفهومی استفاده نماییم.
 مثال :
@@ سطر ۵۸: / سطر ۶۴: @@
 <p dir="ltr"><code>p.slidebar  a:link,  p.slidebar  a:visited {  color : #ffffff; }</code></p>
-نحوه ی استفاده در برچسب HTML  :
+نحوه‌ی استفاده در برچسب [[HTML]] :
 <p dir="ltr"><code><p class="slidebar">Mambo Is The Best CMS <a href="www.mambolearn.com">,Download Here</a></p></code></p>
-== گزینشگر های خصوصی(ID Selectors) ==
+== گزینشگرهای خصوصی(ID Selectors) ==
-همانند گزینشگر های کلاس و گزینشگرهای خصوصی برای انتخاب یک برچسب خاص به کار می رود یا ترجیحا برای انتخاب گروهی از برچسب ها از آنها استفاده می شود . برچسب هایی که به آنها یک گزینشگر خصوصی اختصاص داده شده است ، با ویژگی ID  خود مشخص می شوند .
+همانند گزینشگرهای کلاس و گزینشگرهای خصوصی برای انتخاب یک برچسب خاص به کار می‌رود یا ترجیحا برای انتخاب گروهی از برچسب‌ها از آنها استفاده می‌شود . برچسب‌هایی که به آنها یک گزینشگر خصوصی اختصاص داده شده است ، با ویژگی ID خود مشخص می‌شوند .
 <p dir="ltr"><code><p id="slidebar1">Mambo Is The Best CMS</p></code></p>
-یک گزینشگر خصوصی به دلیل دارا بودن علامت #  در آغاز ، به راحتی قابل داخل کد css قابل شناسایی است.
+یک گزینشگر خصوصی به دلیل دارا بودن علامت # در آغاز ، به راحتی قابل داخل کد css قابل شناسایی است.
 مثال :

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱ سپتامبر ۲۰۰۹، ساعت ۰۱:۲۷
سطر ۷۶:		سطر ۷۶:
	منبع : learning how to create web pages with css		منبع : learning how to create web pages with css

−	[[رده:زبان ~~های~~ برنامه نویسی تحت وب]]	+	[[رده:زبان برنامه نویسی تحت وب]]

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱ ژوئیهٔ ۲۰۰۹، ساعت ۱۳:۵۹
سطر ۷۵:		سطر ۷۵:

	منبع : learning how to create web pages with css		منبع : learning how to create web pages with css
		+
		+	[[رده:زبان های برنامه نویسی تحت وب]]

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۹ نوامبر ۲۰۰۸، ساعت ۱۹:۲۶
سطر ۲۰:		سطر ۲۰:


−	== انواع گزینشگر ! ==	+	== انواع گزینشگر ==

	گزینشگر های کلاس کاذب(Pseudo-Class Selectors)		گزینشگر های کلاس کاذب(Pseudo-Class Selectors)

→ نسخهٔ قدیمی‌تر	نسخهٔ ‏۲۷ ژوئیهٔ ۲۰۰۹، ساعت ۲۰:۳۱
(بدون تفاوت)