امروز : شنبه ، ۲۵ آذر ۱۳۹۶
خانه / آموزش کامل CSS

آموزش کامل CSS

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

آموزش ساخت لیست جهتدار و پیکان در 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 ابتدا به یکی از روش های …

ادامه مطلب »