ایجاد حس مدل جعبه CSS

مدرس Morten Rand-Hendriksen

انتشار 2019/11/14

مدت زمان 1h 11m

سطح مبتدی

فایل تمرینی ندارد

آموزش Making Sense of the CSS Box Model

بر اساس بلوک های تایپوگرافی قدیمی، مدل جعبه CSS کلید طراحی وب مدرن است. پس از تسلط بر آن، می‌توانید هر طرحی را که می‌خواهید بسازید - و اکثر مشکلات رایج تراز و موقعیت‌یابی CSS را عیب‌یابی کنید. در این دوره، Morten Rand-Hendriksen رویکرد "چهار وعده غذایی" را به مدل جعبه CSS ارائه می دهد و آن را به قطعاتی که به راحتی قابل هضم هستند تقسیم می کند. او تکنیک هایی مانند استایل دادن به متن و تصاویر، محتوای شناور، استفاده از ویژگی های نمایش، و عناصر موقعیت یابی را پوشش می دهد. او همچنین دنیای جدید و شجاع ماژول‌های چیدمان مدرن را بررسی می‌کند و درباره Float، Flex و Grid و نحوه کار آنها با هم بحث می‌کند. هر درس با نمایش واقعی مفاهیم در عمل پشتیبانی می‌شود، و مورتن با یک «شب‌پوش» پایان می‌دهد که شما را به فکر ادامه دادن با CSS می‌اندازد.

Cascading Style Sheets (CSS) Web Design

Introduction

Making sense of the CSS Box Model ()

1. Appetizer: The Web Is Made of Boxes

Displaying information through the web ()

The web is made of boxes ()

Designing with boxes ()

2. Entrée: The Origin of the Box in Typography

Understanding the basics of type ()

Change the type, change the box ()

Text flow in the box ()

3. Main Course: Understanding the Box Model

What is the CSS Box Model? ()

Changing the contents within the box ()

Understanding the display porperty ()

Sidebar: Images are inline elements ()

Position is everything ()

Floating and clearing content ()

Using the clearfix ()

Pseudo elements: Making the browser hallucinate ()

4. Dessert: The Brave New World of Layouts

Modern layout modules ()

Flex: Content-based layouts ()

Flex in depth ()

Grid: Layout-based layouts ()

Grid in depth ()

5. Nightcap

Shapes ()

Going further with CSS and web standards ()

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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

مسیرهای یادگیری آموزش ایجاد حس مدل جعبه CSS

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

آموزش Making Sense of the CSS Box Model در 1 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

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

آموزش ایجاد حس مدل جعبه CSS ، ایستگاه شماره 4 در مسیر یادگیری شروع کار با وردپرس ، است.