آموزش جامع CSS: معرفی دوره by @iHMahmoodi - #BlogPost -------------------------------------------------- عضویت در کانال یوتیوب https://www.youtube.com/AsteriXarts?sub_confirmation=1 --------------------------------------------------
![](https://ihmahmoodi.wordpress.com/wp-content/uploads/2021/04/maxresdefault-9214351.jpg?w=900)
آموزش جامع CSS: معرفی دوره by @iHMahmoodi - #BlogPost -------------------------------------------------- عضویت در کانال یوتیوب https://www.youtube.com/AsteriXarts?sub_confirmation=1 --------------------------------------------------
در ادامه آموزش قبل می خواهیم اینبار چند تصویر را به پس زمینه یا Background یک عنصر بدهیم. این کار براحتی قابل انجام هست و کافی است شما به جای دادن یک آدرس، دو یا چند آدرس را به عنوان url در پراپرتی background معرفی کنید که در فیلم کاملا متوجه نحوه نوشتن آن می وشوید.
در این قسمت از آموزش جامع CSS می آموزیم که چطور چطور گوشه های Borderها را در CSS گرد کنیم تا حالتی زیبا به کانتینرمان بدهیم
در این قسمت از آموزش جامع CSS می آموزیم که چطور با استفاده از Margin و Padding در CSS و در داخل یا خارج از یک عنصر فاصله ایجاد کنیم؟
Pseudo-elements ها در CSS کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد. در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.
از پراپرتی color برای تعریف رنگ ها در سی اس اس استفاده می شود. رنگ ها می توانند یک کلمه کلیدی باشند, یا دسته ای از اعداد و یا آنها را می توان از طریق فرمت های متفاوت که در ادامه آمده اند معرفی کرد. می توان از یک رنگ با استفاده از کلمه کلیدی تعریف شده برای آن در سی اس اس استفاده کرد.به عنوان نمونه کلمات کلیدی balck, white و غیره… در رنگهای RGB که کوتاه شده کلمات قرمز, سبز و آبی می باشد.
در این قسمت از آموزش جامع CSS می آموزیم که چطور با استفاده از Margin و Padding در CSS و در داخل یا خارج از یک عنصر فاصله ایجاد کنیم؟
Pseudo-elements ها در CSS کلمات کلیدی هستند که به انتخابگرها برای انتخاب قسمتی از محتوای عنصر اضافه می شوند. با برخی از این انتخابگرها می توان محتوای مجازی برای عناصر بوجود آورد و آنها را در CSS هدف قرار داد. در ادامه لیست تمام pseudo-elementها آمده است و می توانید برای بررسی دقیق هر کدام به صفحه مخصوص به آن مراجعه کنید.
در این آموزش CSS به این می پردازم که چطور یک دکمه یا Button را بوسیله دستورات سی اس اس و HTML بسازید. در ادامه به شما تعدادی استایل را یاد میدهم که بتوانید حالتی مدرن و امروزی به دکمه ی خود بدهید که از جمله آن گرد کردن حاشیه دکمه ها و تغییر رنگ بک گراند آن است. در بخش اول فیلم شما یاد میگیرید که چطور به سادگی می توانید یک لینک را تبدیل به یک دکمه کنید و در ادامه با استایل های مختلف دکمه های مختلفی بسازید.
وسط قرار دادن عناصر در طراحی صفحات وب یکی از موارد رایج می باشد و کسانی که تازه شروع به یادگیری سی اس اس کرده اند خیلی با این مورد درگیر هستند. در این فیلم آموزشی قصد دارم شرایطی که شما می توانید یک عنصر را در وسط صفحه قرار دهید را به شما آموزش دهم. برای وسط قرار دادن عنصر در وسط صفحه روش های زیادی وجود دارد که من در این فیلم به ساده ترین و کلی ترین روش موجود یعنی با استفاده از تنظیم پراپرتی Margin این کار را انجام می دهم.