Element selectors allow you to apply styles to all elements of a specific type on a web page. Let's apply the specified styles to all paragraphs and list items on the web page.

```css
p {
  color: red;
}

li {
  font-size: 16px;
}
```

- Element selectors have low specificity, meaning they will be overridden by more specific selectors, such as `class` or `id` selectors;
- They can be combined with other selectors to create more specific styles. For example, you can use a **descendant selector** to apply a style to all paragraphs that are descendants of a particular element, like this:

```css
#main-content p {
  color: blue;
}
```


This will apply the specified style to all paragraphs that are descendants of an element with the `id` `main-content`;

- Similarly, another way to use these elements can be to apply a similar style across the board to certain elements. This is done by providing a **list of selectors**.

```css
h1,h2,h3{
  font-weight: bolder;
  color: red;
}
```

CSS, or Cascading Style Sheets, is a stylesheet language used to describe the presentation of a document written in a markup language like HTML. CSS is a fundamental building block of the modern web and controls the styling and layout of websites and web applications.

This section will cover the basics of CSS. You will learn the language's syntax, the most common CSS properties, and how to add CSS styles to your web page.

Selecting the elements you need becomes more challenging as your HTML code's complexity grows. This section will cover more advanced techniques of the selection.

This section will cover the general styling used for layout and text formatting to create a visually appealing and user-friendly design for your webpage. Part I.

Introduction to CSS Part I

Basic Selection in CSS

Introduction to CSS Part I

Basic Selection in CSS