Design the text using CSS
Use the text-transform property to change the case of the text: The text-transform property in CSS is used to change the appearance of text. It's a conven…
Read more »
Box element in CSS
Add a box element to a card like element: The box-shadow p roperty applies one or more shadows to an element. The box-shadow p roperty takes values for offset-…
Read more »
Adjust background-color property of a text
Instead of adjusting your overall background or the color of the text to make the foreground easily readable, you can add background color to the element h…
Read more »
Apply visual designs to your text using CSS
Use the strong tag to make text bold: To make text bold, you can use a strong tag. This is often used to draw attention to the text and symbolize that it is i…
Read more »
Apply visual designs to your text.
Adjust the text in an element using the text-align property in CSS: Text is often a large part of web content. CSS has several options for how to align it wi…
Read more »
Create a Custom CSS variable
To create a CSS variable, you just need to give it a name with two hyphens in front of it and assign it a value like this: --penguin-skin : gray ; This wil…
Read more »
Understand Absolute versus Relative Units
Understand Absolute versus Relative Units: Pixels are a type of length unit, which is what tells the browser how to size or space an item. In addition to px…
Read more »
Different styles for padding and margins.
Add Different Padding to Each Side of an Element Sometimes you will want to customize an element so that it has different amounts of padding on each of its …
Read more »
Margins in CSS
An element's margin controls the amount of space between an element's border and surrounding elements. Here, we can see that the blue box and the r…
Read more »
Padding in CSS
You may have already noticed this, but all HTML elements are essentially little rectangles. Three important properties control the space that surrounds each HT…
Read more »
The id attribute part2
One cool thing about id attributes is that, like classes, you can style them using CSS. However, an id is not reusable and should only be applied to one eleme…
Read more »
The id attribute
Set the id of an element: In addition to classes, each HTML element can also have an id attribute. There are several benefits to using id attributes. You c…
Read more »
Set background color with CSS
Give background color to elements: You can select the color of an element with the "background-color" property. The code for doing this is: .green-ba…
Read more »
Size your image using CSS
Size Your Image: CSS has a property called "width" that controls an element's width. Just like with fonts, we'll use "px" (p…
Read more »
Specify how fonts should degrade using CSS
Specify how fonts should degrade: There are several default fonts that are available in all browsers. These generic font families include monospace, serif, a…
Read more »
