آموزش گام به گام css

[shokribahare]

CSS مخفف واژه Cascade Style Sheets مییباشد.از Css برای استایل دهی به صفحات وب به صورت اصولی استفاده میشود.توصیه می شود در کنار Html ( آموزش Html ) به آموزش css نیز پرداخت زیرا این دو در طراحی سایت بهینه بسیار موثر می باشند.

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
زبان css دارای انعطاف پذیری ویژه ای میباشد و با استفاه از این زبان میتوان پیچیده ترین قالب ها را پیاده سازی کرد.
زبان css را میتوان به صورت های مختلف مورد استفاده قرار داد.در صفحه طریقه نوشتن Css به صورت کامل در این باره توضیح داده شده است.
زبان css در سرعت بارگزاری صفحات وب بسیار موثر است.
از زبان css بیشتر برای ایجاد ظاهر زیبا و ایجاد پس زمینه و رنگ فونت و ... استفاده می شود.توصیه می شود از این زبان در کنار زبان html که در بخش آموزش html به طور کامل آموزش داده شده است استفاده شود.
در این بخش به صورت کامل به آموزش css میپردازیم.

منیع:طراحی سایت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[shokribahare]

Css نوعی زبان برنامه نویسی می باشد که معمولا همرا با زبان Html به کار می رود.این دو زبان معمولا همراه با هم استفاده می شود.از این زبان بیشتر برای طراحی صفحات استفاده می شود.برای مثال برای تغییر فونت یا تصویر زمینه ی وب سایت از این زبان استفاده می شود.
با توجه به اینکه امروزه در هر شغلی افراد به طراحی وب سایت روی آورده اند باید طراحی سایت بصورت بهینه و طبق اصول Html و Css طراحی شود تا سایت کارایی داشته باشد.
در این جا نکاتی را در مورد سی اس اس برای شما بیان می کنیم:
دستورات وارده حتما باید بین علامت {} قرار بگیرد و همچنین پس از نوشتن دستور با قرار دادن : مقدار آن را تعیین کنید.
می توانید دستورات نوشته شده را پشت سرهم نوشته به شرطی که بین آنها با علامت ؛ از هم جدا شود.
می توانید هرکدام از تگ ها را با علامت , از هم جدا کرد.

منبع:طراحی سایت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[shokribahare]

در این بخش از آموزش css واحدهای شمارش مورد قبول در سی اس اس را برای شما بیان می کنیم.
واحدهای شمارش قابل استفاده در Css شامل موارد زیر می باشند:
1.درصد(%)
2.اینچ(in)
3.سانتیمتر(cm)
4.میلیمتر(mm)
5.em
6.ex
7.pt(برابر با 1/72 اینچ)
8.pc(برابر با 12 point)
9.پیکسل(px)

منبع:طراحی سابت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[shokribahare]

در این بخش از آموزش css ، ویژگی Opacity را توضیح می دهیم.
این خاصیت مقدار وضوح عکس را نشان می دهد به این ترتیب که هرچقدر opacity مقدار بالاتری داشته باشد عکس واضح تر است و هرچقدر Opacity کمتر باشد شفافیت تصویر کمتر می شود.

مثال زیر کاربرد ویژگی Opacity در بخش آموزش Css نشان می دهد.

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

نکته ی قابل توجه این است که مرورگر اکسپلورر 6و7و8 از خاصیت Opacity پشتیبانی نمی کند.در این روش برای مقدار opacity اعدا را بین 0 تا 100 انتخاب می کنیم.در سایر مرورگرها این مقدار را بین 1 تا 0 در نظر می گیریم به این ترتیب که هرچه از 0 به سمت 1 برویم از شفافیت عنصر کاسته می شود.

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] pg


منبع:طراحی سایت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[MicrosoftH]

دوست عزیز در این بابت کتاب های زیادی هست هم بصورت PDF و هم بصورت آنلاین که بهترین منبع W3School هست شما بهتر بود تاپیک جامع حل مشکلات و میزدی

[taghgh]

دوست عزیز در این بابت کتاب های زیادی هست هم بصورت PDF و هم بصورت آنلاین که بهترین منبع W3School هست شما بهتر بود تاپیک جامع حل مشکلات و میزدی

ولی با این حال کار بزرگی میکنند که وقت میزارن!
الان خود من هیچ آموزش دیگه ای رو حال نداشتم بخونم! ولی این تاپیک رو که دیدم کنجکاو شدم!:n02:

[MicrosoftH]

شما بهتره از وب سایت W3Schools استفاده کنید و اینم یه منبع فارسی Css3

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

اگر انگلیسی ات خوبه کتاب های Sitepoint و نگاهی بنداز