Typography

You can sort your Collection items in multiple ways — select the field from the Collection you wish to filter from, then select the ordering option.

Optimization is a systematic approach to improve a website's appearance, functionality, and visual appeal to enhance the user experience, improve search engine rankings, and achieve business objectives.

The inside spacing between the right border of an element and the elements inside it.

In CSS, flex-order is a property that allows you to manipulate the default source order of the items within a flex container. Flex-order is especially useful when you want content to display differently on mobile than on desktop.

Below the fold refers to the lower portion of a webpage that isn’t immediately visible to visitors upon loading until they scroll down.

Resolution is a metric measuring clarity and detail through the number of pixels displayed on a screen or used to render an image.

Webflow's visual content editor. You can access it through the Webflow Dashboard by clicking the “3 disclosure dots” on a site thumbnail, then clicking “Editor.” Guest editors can access it anywhere on their live site by adding ?edit after the page URL (e.g., yoursite.com/page/?edit).

A navbar, or navigation bar, is an interactive user element with a menu or a set of links to a website’s main sections.

The title of a page in your site. This is visible in the Pages panel.

Object-oriented programming (OOP) is a programming approach that organizes code into self-contained units of data, functions, and behavior.

The flex-shrink CSS property defines how much an element shrinks relative to other flexible items inside the same parent element.

The way browsers calculate an element's width automatically where Block level elements fill the available space of its parent and Inline elements shrink to the size of its children/content.

Available in CMS Collections. This field offers you a powerful filtering tool for Collection items. For example, you could create a switch labeled "Featured?" for Blog Posts, and then switch on the toggle to showcase particular posts.

RGB, an acronym for Red, Green, Blue, is a color model that screen displays use to represent various colors.

The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.

Jank describes subpar functionality in a web interface that hinders or disrupts user activity.

A button is an interactive element that facilitates user actions.

A call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.

A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.

An individual item within a Collection. For example, in a “Blog Posts” Collection, the Collection items are individual blog posts.

Bottom padding is the space between the bottom of an element and its border.

Inline style applies CSS to an individual HTML element using the "style" attribute within the HTML tag.

Decryption is the process of reverting encrypted data to its original format.

Idempotency is a computing principle where multiple applications of a function or operation produce the same result as a single execution.

Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.

A shim is a code snippet enabling modern web features to function within older programming or browsing environments.

A call stack is an ordered list of the functions (or stack frames) a program has to execute before it returns a result.

A change that has been made in the Webflow Editor but will not appear on the live website until it’s published. You can track any unpublished changes on the bottom right of the Editor toolbar.

A custom font is any non-system-default typeface you manually upload to your website.

A grayscale view of your site’s canvas that visually displays each element’s border, margin, and padding when hovered over.

An element contained within a parent element that has display: flex set.

You can exclude pages from being published to your site by setting them as drafts. These can be unfinished pages, internal pages such as style guides, archived pages saved for backup, etc. Learn more about drafted pages.

Clickjacking is when a malicious actor deceives website visitors into clicking buttons or links hidden in a fake layer to steal sensitive data or install malware.

A variable font is a single font file that contains multiple weights, widths, or styles, letting you adjust typography continuously instead of loading a separate file for each variant.

A web app that helps you connect multiple third-party services together based on triggers and actions.

Available in CMS Collections. With this field, you can upload images from your computer and use them as dynamic items in your individual Collection item.

Network latency is the time data needs to travel from one point to another, impacting the responsiveness and speed of web applications and services.

Padding is a CSS property defining the space between an element's borders and its content.

The type of element you're working with, i.e., H1, link, button, etc.

In JavaScript, literals are fixed values written directly into the code.

A footer is a section at the bottom of a web page.

BigInt, which stands for “big integer,” is a JavaScript data type. JavaScript uses data types to decide how to treat a piece of data.

When you have more unhosted sites in your Dashboard than your Workspace plan allows, those additional sites past your limit will be “locked” until you upgrade your plan. When you upgrade, you’ll be allowed more unhosted sites (up to the limit for your Workspace plan) and will be able to access your previously locked sites.

The front-end refers to the visual and interactive part of a website or application that users directly interact with.

Inheritance describes a principle where child elements adopt the style properties of parent elements.

A bug is an error, fault, or flaw in an application or software that causes the program to behave unexpectedly, often producing inaccurate and invalid output.

Agent Instructions are skills and rules that tell an AI agent how to work within a Webflow site or Workspace.

A form element that allows you to make a selection in a dropdown list.

JavaScript is a programming language web developers use to create dynamic interactions and effects for web pages and applications.

To move backward one step while making changes to a Webflow site.

Flex-direction is a CSS property that defines the main axis and direction of flex items, dictating the arrangement of the items within a flex container.

A slug, also known as a URL slug or a website slug, is descriptive text that appears at the end of a URL and identifies a web page.

Translation inheritance is when a secondary locale automatically mirrors the primary locale's content until a specific field is manually translated, at which point that field stops inheriting further changes.

Deprecated HTML tags are old tags replaced by updated alternatives in modern web design and development.

By default, Collection lists display all items in a Collection, but you can add limits to control the number of Collection items that display.

Defines how tall an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

A list is a Webflow element that displays multiple pieces of content in a structured, visually appealing way. The individual elements that make up the list are called list items.

A radio button is a form element for selecting one option from a predefined set of mutually exclusive choices.

An algorithm is a set of rules or steps that help solve problems or carry out specific tasks.

A ligature in typography groups adjacent letters or characters into one glyph.

A unique ID you can use to link your Google Analytics account to your Webflow site.

Checkboxes are HTML structures that allow visitors to input data.

The toolbar that appears at the bottom of the Editor. From here, you can access the various Editor panels to manage page settings, dynamic content, forms, and your Editor account. You can also see and publish the changes you make through the Editor.

The display: inline-block CSS property defines an element’s appearance and behavior. CSS designers use this code to create website layouts.

A Facebook button is a clickable element on a website that allows users to connect to or share content on the social media platform.

The amount of times a site visitor submits data using your site's form(s).

The total weight of your site's HTML, CSS, JS, and images.

Footer code creates a section at the bottom of every web page that displays important information like disclaimers, copyright or contact information, and links to related documents.

A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.

A bounding box is a rectangular border around a website element (e.g., a heading, paragraph, or image) that appears during the design process.

The page people see when they visit your site's root domain. Read more about the homepage.

An attribute in HTML is a term inside an opening tag of an element, such as a font or color, that provides additional information about the element.

The ability to manually save a version of your site that you can restore at a later date using the keyboard shortcut Command + Shift + S (on Mac) or Control + Shift + S (on Windows).‍

A link, short for hyperlink, is a clickable website element that enables navigation between different web resources.

A robots.txt file instructs search engine crawlers which webpages and sections they can or can't crawl and index.

All elements on the page targeted by the same selector.

A slider is an interactive design element for scrolling through images, videos, and other multimedia content.

A wrapper is a programming language function for encapsulating and organizing elements within a well-defined interface.

Automagically describes complex content or functions that appear as if they were created using magic.

A pseudo-class that allows you to change the styles of an element when it is hovered, pressed, or focused.

Urgency is a marketing term and psychological trigger that incites potential customers and website visitors to act swiftly.

A document type definition (DTD) defines the structure, validity, and attributes of standard generalized markup language (SGML) documents, such as GML, HTML, and XML.

Encapsulation is an object-oriented programming (OOP) process that combines functions and the data they manipulate into a single entity.

DHTML, or Dynamic HTML, is a web-development technique combining HTML, CSS, and JavaScript to create dynamic, interactive web pages and complex web applications.

Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.

A/B testing compares two different versions of something — like a web page or campaign — to determine which performs better.

Traffic, or web traffic, refers to the number of users who visit a website over a period of time.

A panel in the left toolbar where you can add static pages and folders to your Webflow site. You can also manage and access Utility pages and Collection pages.

Contextual advertising is a form of paid advertising that matches web content with ad intent.

The American Standard Code for Information Interchange (ASCII) is an encoding standard that assigns numerical values to characters and translates them into computer-readable code.

A dropdown, or dropdown menu, is a pre-built navigation element you can add to almost any part of a website.

A rich text field is an input tool for formatting or applying text styles, such as bold, colors, font sizes, italics, underline, and other visual modifications.

A backup is a copy of data stored in an alternate location, including hard drives, cloud servers, or network-attached storage (NAS) servers.

Email confirmations you receive upon making Webflow payments.

A Webflow canvas setting that lets you create styles for viewports with a minimum width of 480px and a maximum width of 767px. Also known as the mobile landscape media query.

A section in the Style panel that houses CSS properties related to the positioning of an element.

JSON, short for JavaScript Object Notation, is a human-readable, lightweight format for recording, storing, and exchanging data.

Syntax error refers to a mistake in code that violates the programming language’s rules and prevents the code from executing correctly.

A visible “Made in Webflow” badge displayed in the bottom right corner of Webflow sites. Webflow branding also appears in the site’s HTML. Learn more about Webflow branding.

CRUD stands for Create, Read, Update, and Delete — the four basic operations all software applications should perform.