CSS Web fonts allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. You will have a @font-face block at the start of the CSS, which specifies the font file(s) to download: … Read more
CSS color values to specify a color. Typically, these are used to set a color either for the foreground of an element (i.e., its text) or else for the background of the element. They can also be used to affect the color of borders and other decorative effects. the example below sets the background colors … Read more
CSS Background property is a shorthand for a number of background longhand properties that we will meet in this lesson. If you discover a complex background property in a stylesheet, it might seem a little hard to understand as so many values can be passed in at once. The background property is specified as one or more background … Read more
CSS border property is a shorthand syntax in CSS that accepts multiple values for drawing a line around the element it is applied to. As with all shorthand properties, any omitted sub-values will be set to their initial value. Importantly, border cannot be used to specify a custom value for border-image, but instead sets it to its initial value, i.e., none. CSS border shorthand … Read more
CSS Icons can be defined as the images or symbols used in any computer interface refer to an element. It is a graphical representation of a file or program that helps the user to identify about the type of file quickly. Using the icon library is the easiest way to add icons to our HTML … Read more
CSS Float property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning). CSS Float Uses Float is a CSS positioning property. To … Read more
CSS outline property draws a line around the outside of an element. It’s similar to border except that: It always goes around all the sides, you can’t specify particular sides It’s not a part of the box model, so it won’t affect the position of the element or adjacent elements (nice for debugging!) Other minor facts include that … Read more
CSS Padding property allows you to specify how much space should appear between the content of an element and its border .The value of this attribute should be either a length, a percentage, or the word inherit. If the value is inherit, it will have the same padding as its parent element. If a percentage is used, the percentage … Read more
CSS Counters let you adjust the appearance of content based on its location in a document. For example, you can use counters to automatically number the headings in a webpage. Counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they’re used. CSS Counters-properties CSS … Read more
CSS positioning property sets how an element is positioned in a document. For example: CSS Positioning– values static: every element has a static position by default, so the element will stick to the normal page flow. So if there is a left/right/top/bottom/z-index set then there will be no effect on that element. relative: an element’s original position … Read more
