02.03.2017 Views

CSS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

برخی از امکاناتی که در <strong>CSS</strong>3 در نظر گرفته شده اند ، شامل<br />

:<br />

ایجاد متون چند ستونی ، حاشیه<br />

های گرد،‏ تعیین میزان شفافیت عنصر ، استفاده از رنگ هایی که در مدهای RGBA , HSL , HSLA<br />

تعریف شده اند و ایجاد سایه برای متون و … است<br />

. بهترین مزیت استفاده از نسخه 3 این است<br />

که شما می توانید یک قالب را با استفاده از تکنیک های جدید <strong>CSS</strong> بدون نیاز به تصاویر با کیفیت<br />

عالی کدنویسی کنید<br />

.<br />

البته باید گفت که در این دوره آموزشی نسخه <strong>CSS</strong>3 را مورد بحث قرار میدهیم که البته در زمانی<br />

که این کتاب نشر گردیده است آخرین نسخه آن همین نسخه میباشد.‏<br />

حنوه استفاده از دستورات<br />

<strong>CSS</strong> در HTML<br />

قسمی که میدانید <strong>CSS</strong> در الیه دوم ویب کار میکند و بدون الیه محتوا)‏HTML‏(‏ هیچ است از این<br />

سبب ضرورت است تا دستورات <strong>CSS</strong> و<br />

HTML را با هم ارتباط دهیم.‏<br />

به سه روش میتوانید دستورات <strong>CSS</strong> را به یک صفحه ویب)صفحات<br />

شامل روش های زیر میشود :<br />

برگه های سبک خارجی<br />

)HTML<br />

معرفی کنید<br />

. که<br />

:(External Style Sheet)<br />

که اگر خواسته باشید یک استایل را باالی چندین صفحه<br />

این نوع سبک استفاده از <strong>CSS</strong> زمانی موثر است<br />

HTML<br />

تطبیق کنید ، که با این روش تنها<br />

با تغییر دادن یک فایل استایل کلی صفحه را تغییر میکند.‏<br />

در این سبک دستورات <strong>CSS</strong> در یک فایل مجزا با پسوند .Css ذخیره شده و این فایل به تمامی<br />

صفحات<br />

HTML<br />

که میخواهید استایل باالی آن تطبیق شود لینک میدهیم.‏<br />

شما میتوانید برای این کار از تگ<br />

Link<br />

که جز تگ های تهی است استفاده کنید.‏ البته باید یاد آور<br />

شد که این Link<br />

باید در بین<br />

تگ Head<br />

نوشته شود.‏<br />

آموزش کاربرد <strong>CSS</strong>3<br />

<br />

<br />

<br />

3<br />

‏”رسولی”‏ نویسنده:‏ فردوس

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!