وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

No-Code CSS Layouts with Webflow

سرفصل های دوره

Cascading Style Sheets, or CSS, is foundational to web development. Webflow allows you to create websites without code, but it's even easier and faster if you already know fundamental CSS layout concepts. In this course, explore the potential uses of CSS in Webflow with web design expert Jen Kramer.

Discover the basics of Webflow's CSS model to get started creating containers, blocks, and layouts for CSS conversion. Learn how to use Grid and Flexbox for advanced layouts as well as static, relative, and absolute positioning of elements. Along the way, Jen provides an overview of floats and breaks and how they affect page flow in your design. By the end of this course, you’ll be equipped with tips and techniques for creating and managing more efficient CSS properties in Webflow.


01 - Introduction
  • 01 - Learning CSS layouts without code
  • 02 - Course prerequisites

  • 02 - 1. Styling HTML and Overriding Styling
  • 01 - Understanding HTML elements
  • 02 - Global styling with HTML elements
  • 03 - Overriding base styling and CSS variables
  • 04 - Worksheet Setting base styling and variables

  • 03 - 2. Webflow and CSS Layout Basics
  • 01 - What is the box model
  • 02 - Understanding block, inline, and inline-block
  • 03 - Sections, containers, and CSS in Webflow
  • 04 - Challenge Text-based section
  • 05 - Solution Text-based section
  • 06 - Units of measure px, em, rem, vw, vh, %, and more
  • 07 - Widths, heights, and their maximums and minimums
  • 08 - Understanding overflow and fit
  • 09 - Challenge Vertical buttons
  • 10 - Solution Vertical buttons

  • 04 - 3. Grid, Flexbox, and QuickStack
  • 01 - Introducing Flexbox
  • 02 - Advanced Flexbox settings
  • 03 - Introducing Grid
  • 04 - Grid areas and exceptions to the grid
  • 05 - What is QuickStack
  • 06 - Challenge Working with QuickStack, Grid, and Flexbox
  • 07 - Solution Working with QuickStack, Grid, and Flexbox

  • 05 - 4. Positioning, Floats, and Practice
  • 01 - Understanding static and absolute positioning
  • 02 - Relative positioning
  • 03 - Fixed and sticky positioning
  • 04 - Floating images inside of text

  • 06 - Conclusion
  • 01 - Learn more about Webflow
  • 45,900 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 37789
    حجم: 441 مگابایت
    مدت زمان: 174 دقیقه
    تاریخ انتشار: 21 خرداد 1403
    طراحی سایت و خدمات سئو

    45,900 تومان
    افزودن به سبد خرید