آموزش CSS

دستور background-image در css
آموزش CSS

دستور background-image در css

هدایت عباسی

در این بخش از آموزش CSS قصد داریم به آموزش دستور background-image در css بپردازیم. با قرار دادن عکس تمام صفحه ، ترکیب با دستورات background-repeat و background-attachment و غیره آشنا خواهید شد. کدها همه تست شده است.

عکس پس زمینه با html و css
آموزش CSS

عکس پس زمینه با html و css

هدایت عباسی

در این بخش از آموزش CSS از تاپ سایت 98 قصد داریم به عکس پس زمینه با html و css بپردازیم. قرار دادن عکس پس زمینه برای کل صفحه یا بخشی از صفحه ، بک گراند تمام صفحه با HTML,CSS و آموزش گذاشتن بک گروند در css.

آموزش ریسپانسیو با css
آموزش CSS

آموزش ریسپانسیو با css

هدایت عباسی

در این بخش از آموزش css از تاپ سایت 98 به سراغ آموزش ریسپانسیو با css می رویم. حال به آموزش کامل طراحی قالب ریسپانسیو می پردازیم و با استفاده از css یاد می گیریم چگونه یک قالب زیبای ریسپانسیو طراحی کنیم.

دستور display در css
آموزش CSS

دستور display در css

هدایت عباسی

در این بخش از آموزش css از تاپ سایت 98 به سراغ آموزش دستور display در css می رویم. ویژگی های inline و block و inline-block و none را با ذکر مثال بررسی می کنیم و تفاوت inline و inline-block و block را بررسی می کنیم .

کار روی متن با css
آموزش CSS

کار روی متن با css

هدایت عباسی

در این بخش از آموزش css از تاپ سایت 98 به سراغ کار روی متن در css می رویم و با دستورات مختلفی با ذکر مثال آشنا می شویم. با راست چین کردن متن ، تغییر رنگ متن ، جابجایی متن ، ترازبندی متن ، فاصله انداختن بین کلمات و خطوط

دستور outline در css
آموزش CSS

دستور outline در css

هدایت عباسی

در این بخش از آموزش css از تاپ سایت 98 به سراغ دستور outline در css می رویم. در این آموزش با دستورات outline-style و outline-width و style-color و style-offset با ذکر مثال آشنا خواهیم شد. پس با ما باشید.

آموزش selector در CSS
آموزش CSS

آموزش selector در CSS

هدایت عباسی

در این بخش از آموزش css از تاپ سایت 98 به بحث آموزش selector در CSS می پردازیم و با ذکر چندین مثال شما را با انواع سلکتورها آشنا می کنیم. در این بخش به آموزش سلکتورها در css می پردازیم. سلکتور (selector) برای انتخاب

رنگ ها در CSS
آموزش CSS

رنگ ها در CSS

هدایت عباسی

در این بخش از آموزش CSS از تاپ سایت 98 به سراغ رنگ ها در CSS می رویم و با ذکر چند مثال با آنها آشنا می شویم. همچنین با RGBA و RGB و HEX و HSL و HSLA آشنا می شوید. مثال ها کاملا تست شده می باشند.

دستور width و height در CSS
آموزش CSS

دستور width و height در CSS

هدایت عباسی

در این بخش از آموزش CSS از تاپ سایت 98 به سراغ دستور width و height در CSS می رویم و با ذکر چند مثال با آنها آشنا می شویم. همچنین با min-width و max-width و min-height و max-height آشنا می شوید. مثال ها کاملا تست شده می باشند.

آموزش Media Query در css
آموزش CSS

آموزش Media Query در css

هدایت عباسی

آموزش Media Query در css (پروژه محور) بصورت کامل همراه با مثال و توضیح. در این آموزش به معرفی CSS3 Media Queries ، سینتکس ، نحوه استفاده از Media Query و چندین مثال خواهیم پرداخت.

آموزش CSS Flexbox
آموزش CSS

آموزش CSS Flexbox

هدایت عباسی

آموزش کامل CSS Flexbox بصورت پروژه محور همراه با چندین مثال و یک قالب ریسپانسیو. کدهای زیر را در یک فایل با پسوند html ذخیره کرده و اجرا نمایید تا نتیجه را ببینید. با استفاده از

دستور padding و margin و تفاوت آنها
آموزش CSS

دستور padding و margin و تفاوت آنها

هدایت عباسی

آموزش دستور padding و margin و تفاوت آنها همراه با مثال و توضیح کامل. این دو دستور بصورت یکجا یا جداگانه استفاده می شود که به توضیح کامل آنها خواهیم پرداخت و با ذکر مثال آنها را توضیح خواهیم داد.

چیدمان چند ستونه با css
آموزش CSS

چیدمان چند ستونه با css

هدایت عباسی

چیدمان چند ستونه با css با دستور column-count همراه با چندین مثال و توضیح کامل. ستون بندی در مجلات و روزنامه ها مرسوم است. کدهای زیر را در یک فایل html ذخیره کرده و سپس اجرا کنید تا نتیجه را ببینید.

آموزش Animation در css
آموزش CSS

آموزش Animation در css

هدایت عباسی

آموزش Animation در css شامل دستورات و مقادیر مختلف میباشد که با ذکر چندین مثال همه را توضیح می دهیم. کدهای زیر را در فایل html قرار داده و اجرا نمایید تا نتیجه را ببینید. کدها همه تست شده میباشد.

آموزش Transition در css
آموزش CSS

آموزش Transition در css

هدایت عباسی

آموزش Transition در css بصورت کامل. دستور Transition از بخش های مختلفی تشکیل شده است که همه را با ذکر مثال توضیح خواهیم داد. کدها را می توانید در فایل html ذخیره کرده و تست نمایید تا نتیجه را ببینید.

آموزش rotate و rotate3d در css
آموزش CSS

آموزش rotate و rotate3d در css

هدایت عباسی

آموزش rotate و rotate3d در css همراه با مثال و توضیحات کامل. کدهای زیر را در یک فایل html قرار داده و اجرا کنید تا نتیجه را ببینید. از دستور rotate در css برای چرخش عنصر استفاده می کنیم.

آموزش دستور CSS Transform
آموزش CSS

آموزش دستور CSS Transform

هدایت عباسی

آموزش دستور CSS Transform شامل دستورات translate ، scale ، rotate، skew، matrix همراه با مثال و توضیحات کامل. کدها را در یک فایل html قرار داده و تست نمایید تا نتیجه را ببینید.

دستور border-radius در css
آموزش CSS

دستور border-radius در css

هدایت عباسی

آموزش کامل دستور border-radius در css شامل border-top-left-radius و border-top-right-radius و دستور border-top-right-radius و دستور border-bottom-right-radius همراه با چندین مثال و توضیحات کامل.

دستور border در css
آموزش CSS

دستور border در css

هدایت عباسی

آموزش کامل دستور border در css شامل border-style و border-color و border-width و border-bottom و سایه دادن به کادر و گرد کردن کادر و غیره. دستور border در css برای قرار دادن کادر دور متن ، باکس

آموزش افکت زیبا متن در css
آموزش CSS

آموزش افکت زیبا متن در css

هدایت عباسی

آموزش کامل افکت زیبا متن در css همراه با مثال و توضیحات کامل به زبان فارسی. در این آموزش موارد زیادی را می آموزید از جمله افکت سایه دادن به متن با css ، متن چشمک زن ، متن متحرک با افکت تایپ شدن و غیره

تاپ سایت 98 تاپ سایت 98 تاپ سایت 98