آموزش CSS

آموزش CSS / سی اس اس و هرآنچه که باید درباره آن دانست

زنگ CSS: جلسه چهاردهم - دستور display و مقادیر آن

محمد حسین ملک | ۰۰:۳۱ ۱۳۹۴/۱۰/۱۱ | 13 دیدگاه

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

زنگ CSS: جلسه سیزدهم - شناوری المان‌ها

محمد حسین ملک | ۲۳:۰۰ ۱۳۹۴/۱۰/۰۸ | 2 دیدگاه

یکی از مهمترین امکاناتی که سی اس اس به شما می‌دهد شناور کردن المان‌ها در صفحه است. حالا اینکه منظور از شناوری المان‌ها چیست و چگونه می‌توانیم از آن استفاده کنیم موضوعی است که در ادامه مطلب بدان خواهیم پرداخت. با ما همراه باشید.

زنگ CSS: جلسه دوازدهم - تعیین موقعیت المان با دستور fixed و absolute

محمد حسین ملک | ۲۲:۱۲ ۱۳۹۴/۱۰/۰۶ | + دیدگاه

در جلسه دوازدهم می‌آموزیم که چگونه می‌توان یک المان را به صورت فیکس شده در یک جای صفحه قرار داد. همچنین نحوه‌ی قرارگیری المان از طریق دستور absolute را فرا خواهیم گرفت.

زنگ CSS: جلسه یازدهم - تعیین موقعیت در CSS

محمد حسین ملک | ۱۹:۴۴ ۱۳۹۴/۱۰/۰۳ | 1 دیدگاه

شاید برایتان جالب باشد بدانید در سی‌اس‌اس می‌توانید موقعیت المان‌ها را به صورت کاملا دقیق مشخص کنید. این کار توسط ویژگی Position انجام می‌شود.

زنگ CSS: جلسه دهم - عرض و عرض حداکثر در المان‌ها

محمد حسین ملک | ۲۰:۳۱ ۱۳۹۴/۱۰/۰۱ | 5 دیدگاه

در این بخش قصد داریم تا نحوه‌ی تغییر عرض در المان‌ها را بیان کنیم. همچنین در این قسمت یاد خواهید گرفت که چگونه می‌توان کاری کرد که در نمایش المان‌های با عرض زیاد، در صفحات کوچکتر مشکلی به وجود نیاید. با ما همراه باشید.

زنگ CSS: جلسه نهم - padding

محمد حسین ملک | ۰۰:۴۷ ۱۳۹۴/۰۹/۳۰ | 4 دیدگاه

در قسمت قبلی با فاصله بین دو المان آشنا شدیم و فهمیدیم که به این فاصله نامریی margin گفته می‌شود. حالا در این قسمت قصد داریم فاصله‌ی دیگری را معرفی کنیم. فاصله‌ای که امروز قصد معرفی آن را داریم padding نامیده می‌شود و در بسیاری از طراحی‌ها به یاری طراحان وب می‌شتابد!

زنگ CSS: جلسه هشتم - مارجین (margin)

محمد حسین ملک | ۲۱:۳۱ ۱۳۹۴/۰۹/۲۶ | 5 دیدگاه

همانطور که در بخش پیشین یاد گرفته‌ایم، المان‌های اچ تی ام ال دارای فاصله‌ای نامرئی از یکدیگر هستند. این فاصله‌ها از طریق مارجین اندازه گیری و استفاده می‌شوند. برای آشنایی با مارجین با ما همراه باشید.

زنگ CSS: جلسه هفتم - جعبه‌ها و قاب‌ها

محمد حسین ملک | ۱۹:۲۰ ۱۳۹۴/۰۹/۲۴ | 5 دیدگاه

هر المان اچ‌تی‌ام‌ال در حول و حوش خود دارای مقادیر مختلفی است که این المان را از المان‌های دیگر جدا می‌کند. این مقادیر را می‌توان به عنوان قاب‌ها و بردارها عنوان کرد.

زنگ CSS: جلسه ششم - تغییرات فونت در CSS

محمد حسین ملک | ۲۰:۰۰ ۱۳۹۴/۰۹/۲۲ | 4 دیدگاه

در این بخش قصد داریم تا نحوه‌ی شخصی‌سازی فونت‌ها در سی‌اس‌اس را مورد بررسی قرار دهیم. اول با نحوه‌ی تغییر فونت‌ها و اندازه‌ی آن‌ها آشنا می‌شویم.

زنگ CSS: جلسه پنجم - تغییر استایل متون HTML

محمد حسین ملک | ۲۰:۳۰ ۱۳۹۴/۰۹/۱۹ | 8 دیدگاه

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

زنگ CSS: جلسه چهارم - پشت زمینه در CSS

محمد حسین ملک | ۲۱:۴۰ ۱۳۹۴/۰۹/۱۷ | 5 دیدگاه

یکی از مهمترین امکانات صفحات وب امکان انتخاب صفحه یا رنگ برای پس‌زمینه است. موضوعی که به راحتی هر چه تمام‌تر انجام می‌شود و طراحی صفحه شما را با تغییرات چشمگیری همراه می‌کند. برای یادگیری این کار با ما همراه باشید.

زنگ CSS: جلسه سوم - نحوه انتخاب المان‌های HTML

محمد حسین ملک | ۰۰:۵۸ ۱۳۹۴/۰۹/۱۶ | 5 دیدگاه

برای تغییر المان‌های اچ تی ام ال در سی‌اس‌اس، لازم است تا آن‌ها را در فایل سی‌اس‌اس‌ خود صدا بزنیم. مثلا بگوییم که با پاراگراف کار داریم! در واقع، انتخاب‌ کردن یک المان HTML، یکی از مهمترین قواعد سی‌اس‌اس است. در این جلسه نحوه انجام این کار را خواهیم آموخت.

زنگ CSS: جلسه دوم - قواعد اولیه نوشتن به زبان CSS

محمد حسین ملک | ۱۹:۳۰ ۱۳۹۴/۰۹/۱۲ | 16 دیدگاه

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

زنگ CSS: جلسه اول - آشنایی کلی با زبان CSS و نحوه اضافه کردن CSS به صفحه

محمد حسین ملک | ۱۹:۲۲ ۱۳۹۴/۰۹/۱۰ | 15 دیدگاه

در اولین جلسه از آموزش CSS به سراغ نحوه اضافه کردن CSS به صفحه پرداخته‌ایم. با ما همراه باشید.

آغاز دوره آموزشی CSS زومیت

محمد حسین ملک | ۱۹:۰۰ ۱۳۹۴/۰۹/۰۸ | 14 دیدگاه

بعد از پایان دوره آموزشی اچ‌تی‌ام‌ال، این بار با آموزش سی‌اس‌اس همراه شما خواهیم بود. سی‌اس‌اس یکی از مهمترین ابزارهای طراحی وب است که با کمک آن صفحات وب با سرعت و کیفیت بسیار بیشتری طراحی می‌شوند. با ما برای معرفی این دوره و اطلاعات تکمیلی همراه شوید.