آموزش کامل CSS

CSS روشی ساده برای نمایش چیدمان و جلوه‌ های تصویری (مانند نوع قلم، رنگ و اندازه‌ ها) بر صفحات وب است.

آموزش سی اس اس

آموزش ساخت لیست جهتدار و پیکان در CSS

آموزش ساخت لیست جهتدار و پیکان در CSS گاهي اوقات لازم است برای نمايش محتوای يک منو يا يک باکس يک پیکان کوچک از وسط اضلاع مختلف آن به سمت محتوا طراحي کنیم. اين نوع طراحی بيشتر برای آيتم های منوهای آبشاری که دارای زير منو هستند در نظر گرفته می شود. برای شروع با …

آموزش ساخت لیست جهتدار و پیکان در CSS ادامه »

آموزش سی اس اس

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

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

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

آموزش سی اس اس

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

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

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

آموزش سی اس اس

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

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

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

آموزش سی اس اس

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

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

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

آموزش سی اس اس

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

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

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

آموزش سی اس اس

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

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

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

آموزش سی اس اس

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

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

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

آموزش سی اس اس

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

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

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

آموزش سی اس اس

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

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

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