Back

2R - CSS Tricks Almanac

Define/Explain Selectors and Properties

A CSS selector is basically an element used to apply style . Many times they begin with a “:” or a “::”. Properties assign a style or behavior to an HTML element.


Backdrop Selector

Backdrop selectors are a pseudo-element that can be used to create a backdrop covering an entire view port. They are normally placed underneath any content that appears on when the browser is in full screen mode.

Required Selector

Required selector is a pseudo class element in CSS to help with creating forms. For instance, if you’re on a website that has a required field set such as name and email it will only proceed if a valid email and name are provided.


Scroll-Behavior Property

The scroll-behavior property essentially accepts two values, which toggles the smooth scroll feature on or off.

Border-image property

Border-image is a property that allows the use of an image or CSS gradient for the border of an element. Creating a picture frame like effect on the elements in which they are applied. It is a fun and easy way to jazz up any website and highlight words or content.


Summary

The Website CSS Tricks Almanac is a amazing archive of information for web developers at all levels. This website provides descriptions of properties and selectors with examples of how to use them in HTML and CSS. I will definitely use this website as a learning resource for web development. It is easy to use, visually appealing, user friendly and has great explanations.