خانه / آموزش کامل CSS

آموزش کامل CSS

این آموزش یکی از مهمترین بخش های آموزشی جهت طراحی سایت می باشد که مربوط به طراحی گرافیکی و ظاهر وب سایت است. (آموزش بصورت گام به گام).

آموزش کامل CSS – قسمت ۱۴: دستور display

آموزش سی اس اس

دستور display در css گاهی اوقات پیش می‌آید که قصد قرار دادن دو المان از نوع بلاک در یک ردیف را داشته باشیم. در این مواقع کار کمی مشکل می شود که ما در این جلسه از آموزش با کمک دستور display این کار را انجام می دهیم. دستور display نحوه …

ادامه مطلب »

آموزش کامل CSS – قسمت ۱۳: شناور کردن المان ها

آموزش سی اس اس

شناور کردن المان ها در css شناور کردن المان ها یکی از مهمترین امکاناتی است که css در اختیار ما قرار می دهد. در css شما می توانید المان ها را به صورت شناور در آورید، این یعنی این که css به شما کمک می کند که المان ها را …

ادامه مطلب »

آموزش کامل CSS – قسمت ۱۲: موقعیت المان ها ۲

آموزش سی اس اس

همان طوری در جلسه قبل آموزش گفتیم position چهار حالت دارد که با دو حالت آن آشنا شدیم. المان ها فیکس شده حتما تا به حال در بعضی از سایت ها دیده اید که با اسکرول کردن صفحه دکمه یا منو یا هر المان دیگری در صفحه ثابت باقی می …

ادامه مطلب »

آموزش کامل CSS – قسمت یازدهم: موقعیت المان ها

آموزش سی اس اس

در این قسمت از آموزش css با امکان جابجا کردن المان ها در صفحات وب به وسیله css آشنا می شویم. این کار را به کمک دستور position انجام می دهیم. دستور position همان طوری که از نام آن پیداست این دستور موقعیت المان ها را مشخص می کند. دستور position …

ادامه مطلب »

آموزش کامل CSS – قسمت دهم: عرض حداکثر در المان ها

آموزش سی اس اس

در این قسمت از آموزش css قصد داریم تا نحوه تغییر عرض در المان ها را بیان کنیم. همچنین در این قسمت یاد می گیریم که چگونه کاری کنیم که نمایش المان هایی با عرض زیاد در صفحه نمایش های کوچک تر مشکلی نداشته باشد. در واقع المان ها را …

ادامه مطلب »

آموزش کامل CSS – قسمت نهم: فاصله های داخلی

آموزش سی اس اس

در قسمت قبلی با فاصله بین دو المان در css آشنا شدیم که به آن margin گفته می شد. در این جلسه در مورد فاصله های داخلی المان ها صحبت خواهیم کرد که به آن padding گفته می شود. خاصیت padding در css فرض کنید یک div رنگی دارید که نوشته …

ادامه مطلب »

آموزش کامل CSS – قسمت هشتم: فاصله بین المان ها

آموزش سی اس اس

همان طور که در قسمت های قبلی آموزش css گفتیم المان های html دارای فاصله ای نامرئی از یکدیگر هستند. این فاصله ها از طریق مارجین اندازه گیری و استفاده می شوند. مارجین فرض کنید دو المان داریم که می خواهیم فاصله بین آن ها باشد، در این مواقع از …

ادامه مطلب »

آموزش کامل CSS – قسمت هفتم: قاب و جعبه

آموزش سی اس اس

جعبه ها و قاب ها عناصری برای جداسازی المان های HTML از یکدیگر هستند. اگر المان ها را به صورت چند لایه تصور کنید، لایه اول محتوای المان است و لایه بعدی بردار یا قابی است که دور آن کشیده شده است. این قاب در حالت پیش فرض نامرئی بوده …

ادامه مطلب »

آموزش کامل CSS – قسمت ششم: فونت ها در css

آموزش سی اس اس

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

ادامه مطلب »

آموزش کامل CSS – قسمت پنجم: تغییر استایل متن

آموزش سی اس اس

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

ادامه مطلب »