Category: 1. CSS Basics

  • CSS Gradients

    CSS gradients display progressive transitions between two or more specified colors. Gradients can be used in backgrounds. There are three types of gradients: Linear Gradients The linear-gradient creates an image that consists of a smooth transition between two or more colors along a straight line. It can have a starting point and a direction along…

  • CSS Color Names

    In this chapter we will speak about colors. All the 140 color names below are supported by the modern browsers: Watch a video course CSS – The Complete Guide (incl. Flexbox, Grid & Sass) Color Name Color HEX AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD…

  • CSS Margin

    The CSS margin property is used for creating space around the element. CSS provides different properties, with the help of which you can set the margin for an element’s each side (right, left, top and bottom). The individual sides With the help of the following properties you can set the margin for each side of an element:…

  • CSS Padding

    The CSS padding property is used for creating space around the content of an element. CSS provides different properties, with the help of which you can set the padding for an element’s each side (right, left, top and bottom). The individual sides With the help of the following properties you can set the padding for each side…

  • CSS Border

    In this chapter, we will speak about borders and how we can give styles to them. We can give width, style and color to the border. Example of the border property: Result Border Width The border-width property sets the width of a border. The width can be specified in pixels. It can also be specified by one of the…

  • CSS Tables

    Some of the CSS properties are widely used to apply style on HTML tables. Each of them is described below. In this chapter, we will talk about how to give styles to tables. We can change the color of headings and rows that we want. Table Styling Properties Here are CSS properties that we use for…

  • CSS Links

    In this chapter, we will explain how we can give styles to links, how to make links more beautiful. The link has these four states: We will speak about these properties: Text Decoration As you remember when we create a link, by default it is underlined. When we want to remove it we must use text-decoration property. Example…

  • CSS Font

    In this chapter we will speak about fonts. The CSS font properties are used for defining the size, font family, boldness and the style of the text. Besides, it sets the font of the element to a system font. The CSS font property is considered to be a shorthand property. So, here we will explain…

  • CSS Text

    Text Color The color property is used to set the text color. To specify the color you can use a color name (red), a HEX value (#ff0000) or an RGB value (rgb (255,0,0) ). Example of the color property: Result Text Alignment Alignment property is used for aligning text inside an element left, right, center, etc. Text…

  • CSS id and class

    In our previous chapter, we learned about selectors. Now we will speak about id and class selectors frequently used to style web page elements. CSS id selector An ID selector is a unique identifier of the HTML element to which a particular style must be applied. It is used only when a single HTML element on the web page must have a specific style.…