The rules that define how a web page's elements are displayed in a browser.
A testing method that compares two different versions of a web page (a "control" and a variant) to identify which performs better.
The area where you manage your profile, subscriptions, billing info, and other account-specific settings.
Notifications that show you when others clone, like, follow, comment on, or interact with your public websites.
Time you spend in the Webflow Designer, actively making changes to your site.
Any element higher in the hierarchy.
Third-party applications that you've given access to your personal and/or website data.
A section of the Style tab that contains CSS properties that affect an element's background, such as its background image, fradient, and fill color.
A saved version of your site that you can restore.
A meta tag that sets a default URL that all relative URLs in a document will follow. If you set your base tag to "your-site.com/beta," a relative URL of "/landing-page" will become "your-site.com/beta/landing-page."
A section of the Add panel that contains the elements that act as a website's basic building blocks.
A section of the Style tab that holds CSS properties for styling an element's border, such as its border style, color, and radius.
The grey bar at the bottom of the Webflow Designer that holds element breadcrumbs and the duplicate and delete functions.
Defines the spacing between the bottom border of an element and the elements below to it.
Defines the spacing between the bottom border of an element and the elements inside it.
Elements of Webflow site's HTML that include references to Webflow.
An element that links to other pages or sections of a webpage.
The CMS Administrator is the only person who can invite and remove Content Editors. The Administrator is the person who holds the site in their Webflow account (usually the designer).
This hosting plan lets you publish a Webflow CMS–powered website to a custom domain. You need this plan in order to add Content Editors.
The CMS Settings tab is where the CMS Administrator can add and remove Content Editors.
A CSS property that defines visual effects like blur and saturation.
The space in the center of the Designer where your site's design and content display.
The order in which a Webflow site's CSS styles flow from desktop to mobile media queries.
A form element that lets people select one or more options.
An element directly below the current element in the hierarchy.
A selector type that affects all elements with that class.
A collaborator is someone who has been invited by the site admin (typically the designer) to make content changes on a CMS-powered website.
A Collection is a content type (blog post, portfolio item, etc.) represented by a group of fields you define. Once created, you can add individual Collection Items.
A Collection Field is an individual field within a Collection. You'll select which fields to display in Dynamic Lists and Collection Template Pages.
A Collection Item is an individual item within a Collection. For example, in a Blog Posts Collection, the Collection Items are individual blog posts.
A dynamic page that Webflow automatically creates for each Collection. You'll use these pages to design a detail page for individual collection items (like Blog Posts, for example).
The Collection URL is the slug that represents the parent folder for your individual Collection Item URLs. For example, if you created a Collection called Blog Posts, the URL would be website.com/blog-posts, while a Collection Item URL would be website.com/blog-posts/hello-world.
The Color field is a CMS field used in Collections. Add the Color field to a Collection to let collaborators use a color picker to style elements like background color, text, and border color within the CMS Panel.
A basic layout element you can use to create columns of content within Webflow's 960px 12-column grid system. You can control how many columns you want to use, the width of each column, and how they behave responsively.
Combining two or more classes into a single selector to target an element.
All elements on the page targeted by the same selector.
An element that contains content.
Content first is a design approach that prioritizes content planning and production in the design process.
A Webflow service that lets you point a custom domain to your Webflow hosted site.
Fonts that you upload and use on your Webflow site (rather than our stock fonts, Google Fonts, or Typekit fonts). Note that you must have rights to use these fonts.
The Date/Time field is a CMS field used in Collections. This lets you and your Content Editor(s) display a date and time in a Collection and/or Collection Item.
To remove an element and its content from your website.
Any element lower in the hierarchy.
An area of the Webflow site containing profiles of designers who use Webflow. It offers a safe, secure way for clients to reach out to web designers who use Webflow.
A Webflow Canvas setting for creating styles that affect viewports with a minimum width of 991px.
A fun, easy way to see websites people built with Webflow.
A CSS property that specifies an element's box type. The most common box types in Webflow are block, inline-block, and inline.
The display value that positions elements vertically on their own line, with no elements on either side unless specified otherwise.
The display value that positions elements horizontally where vertical spacing is based on line-height, not margin or padding.
The display value that positions elements horizontally but allows them to act as boxes where vertical margin and padding are respected.
The display value that treats an element as if it doesn't exist while still keeping it in the document object model.
An element that is used when no other element is specifically suitable.
The document object model is a platform- and language-neutral interface that lets programs and scripts dynamically access and update the content, structure and style of documents.
A Webflow component that lets you display a menu that expands to show a list of items when clicked.
To copy an element and its content, styles, and settings.
Dynamic elements are elements inside a Dynamic List or Dynamic Template page that can use dynamic content. You will know when an element can use dynamic content when the Dynamic Style or DynamicText modules are visible in the Settings tab of the Right Side panel.
A Dynamic List is a Webflow component that lets you display dynamic content from a Collection.
The Dynamic List Layout lets you control how Collection Items display inside a Dynamic List. The default layout option has each item covering the full width of the parent element. You can change this to display items in 2, 3, 4, or 6 columns.
By default, Dynamic Lists display all items in a Collection, but you can add limits to control the number of Collection Items that display.
Dynamic content is content you create once, but publish in many different places across your website. As you update this content, it will automatically update wherever it exists, making it really easy to create—and manage—larger websites.
The area of Webflow CMS that appears at the bottom of the live site, and that Content Editors can use to manage Collections and create new Collection Items (pages, blog posts, etc.).
A navigational aid that displays in the bottom of the Webflow Designer to help you keep track of the element you're interacting with in relation to its hierarchy.
The color-coded borders of elements you'll see in the Webflow Designer.
An area of the Froms tab in your Site Settings that lets you customize your Webflow form submission notifications.
A Webflow component you can use to embed HTML to display external content, plugins, or applications.
The <em> element defines emphasized text with added semantic importance.
Elements that don't contain any other elements. They're outlined by a dashed gray border.
A Collection displays its empty state when it contains no Items, giving you the opportunity to design for a situation where there's no content to display. Check out the Empty States blog for inspiration.
A downloadable ZIP file that contains your Webflow site's HTML, CSS, JS, and image files.
A Webflow component that embeds a Facebook Like button in your site.
A 16x16 px image that displays in browser tabs, bookmarks, and other browser areas. It's typically a simplified version of the site's logo, or "bug."
A form element that looks and behaves like normal text but generates form-specific code on export. It tells website visitors what content to enter into the associated field.
A subdirectory of your site's root folder used for organizing webpages.
Custom code you can add just before the closing tag in your site's HTML file.
A set of elements that make up a basic form.
A form element that lets website visitors submit data to your form handler.
When someone sends data through one of your site's forms.
A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.
Where Webflow designers gather to share designs and feedback, hire freelancers, and discuss company announcements. Join the conversation.
The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.