Untitled

Page 1

The CSS element Selector=== p {

text-align: center;

color: red;

}

The CSS id Selector===#para1 {

text-align: center;

color: red;

}

The CSS class Selector=== .center {

text-align: center;

color: red;

}

Three Ways to Insert CSS

There are three ways of inserting a style sheet:

External CSS

Internal CSS

Inline CSS

CSS background properties:

background-color

background-image

background-repeat

background-attachment

background-position

CSS Margins & Paddings: Margins create extra space around an element. In contrast, padding creates extra space within an element.

When one value is specified, it applies the same margin to all four sides.

When two values are specified, the first margin applies to the top and bottom, the second to the left and right.

When three values are specified, the first margin applies to the top, the second to the left and right, the third to the bottom.

When four values are specified, the margins apply to the top, right, bottom, and left in that order (clockwise).

To center something horizontally in modern browsers, you can use display: flex; justify-content: center; .