CSS Background Properties # Brothers Study Zone

byTausif -
1

CSS | Background
The CSS background properties are used to define the background effects for elements.
Css background properties are as follows :
Background-color
Background-image
Background-repeat
Background-attachment
Background-position
Background color : This property specifies the background color of an element.
Syntax :

CSS | Positioning Elements
The position property in CSS tells about the method of positioning for an element or an HTML entity. There are five different types of position property available in CSS:
Fixed
Static
Relative
Absolute
Sticky
The positioning of an element can be done using the top, right, bottom and left property. These specify the distance of an HTML element from the edge of the viewport. To set the position by these four properties, we have to declare the positioning method.
Let’s talk about each of these position methods in details:

CSS | Borders
CSS border properties allows us to set the style, color and width of the border.
Note : Different properties can be set for all the different borders i.e.top border, right border, bottom border and left border.
Properties of CSS Borders :
Border Style : The border-style property specifies the type of border. None of the other border properties will work without setting the border style.
Following are the types of borders:
*dotted – Defines a dotted border
*dashed – Defines a dashed border
*solid – Defines a solid border
*double – Defines a double border
*groove – Defines a 3D grooved border.
*ridge – Defines a 3D ridged border.
*inset – Defines a 3D inset border.
*outset – Defines a 3D outset border.
*none – Defines no border
*hidden – Defines a hidden border


CSS | Margins and Padding
CSS Margins

CSS margins are used to create space around the element. We can set the different size of margins for individual sides(top, right, bottom, left).

Margin properties can have following values:
1. Length in cm, px, pt, etc.
2. Width % of the element.
3. Margin calculated by the browser: auto.

CSS | Text Formatting
CSS text formatting properties is used to format text and style text.
CSS text formatting include following properties:
1.Text-color
2.Text-alignment
3.Text-decoration
4.Text-transformation
5.Text-indentation
6.Letter spacing
7.Line height
8.Text-direction
9.Text-shadow
10.Word spacing

CSS | Icons
Icons can be added to our HTML page with icon library. All the icons in the library can be formatted using CSS. They can be customized according to size, color, shadow, etc.
Types of icon library:
Font Awesome Icons
Google Icons
Bootstrap Icons
Note: All the above-mentioned library does not require any downloading or installation.
Font Awesome Icons: To use Font Awesome Icons add the following link inside <head> section.

CSS | Overflow
The CSS overflow controls the big content. It tells whether to clip content or to add scroll bars. The overflow contains the following property:
visible
hidden
scroll
auto
Visible: The content is not clipped and visible outside the element box.

CSS | Box model
CSS box model is a container which contains multiple properties including borders, margin, padding and the content itself. It is used to create the design and layout of web pages. It can be used as a toolkit for customizing the layout of different elements. The web browser renders every element as a rectangular box according to the CSS box model.
Box-Model has multiple properties in CSS. Some of them are given below:
borders
margins
padding
Content

CSS | Links
Link is a connection from one web page to another web pages. CSS property can be used to style the links in various different ways.
States of Link: Before discussing CSS properties, it is important to know the states of a link. Links can exist in different states and they can be styled using pseudo classes.
There are four state of links given below:
a:link => This is a normal, unvisited link.
a:visited => This is a link visited by user at least once
a:hover => This is a link when mouse hovers over it
a:active => This is a link which is just clicked.

CSS | Colors
CSS Color property is used to set the color of HTML elements. This property is used to set font color, background color etc.
Color of an element can be defined in the following ways:
Built-In Color
RGB Format
RGBA Format
Hexadecimal Notation
HSL
HSLA
Built-In Color: These are a set of predefined colors which are used by its name. For example: red, blue, green etc.

Tausif

Hi! My name is TAUSIF AHMAD I have completed B.Tech in Computer Science from Maulana Azad National Urdu University Hyderabad. I am always ready to have new experiences meet new people and learn new things. 1. I am very interested in Frontend Development. 2. I love video editing and graphics designing. 3. I enjoy challenges that enables to grow. 4. I am part time Blogger.

1 Comments

  1. Unknown24 February 2020 at 18:31

    Look at the way my partner Wesley Virgin's report begins with this SHOCKING and controversial video.

    Wesley was in the army-and soon after leaving-he unveiled hidden, "SELF MIND CONTROL" tactics that the government and others used to get everything they want.

    As it turns out, these are the EXACT same methods many famous people (especially those who "became famous out of nothing") and elite business people used to become rich and successful.

    You've heard that you utilize only 10% of your brain.

    That's mostly because the majority of your brain's power is UNCONSCIOUS.

    Maybe this expression has even taken place IN YOUR own brain... as it did in my good friend Wesley Virgin's brain around 7 years ago, while driving a non-registered, garbage bucket of a car with a suspended license and $3.20 in his pocket.

    "I'm so fed up with going through life paycheck to paycheck! Why can't I become successful?"

    You've been a part of those those conversations, isn't it so?

    Your success story is going to be written. All you have to do is in YOURSELF.

    WATCH WESLEY SPEAK NOW

    ReplyDelete
Post a Comment
Previous Post Next Post