Using CSS in HTML Class Activity

1. The element selector selects elements based on the element. You can select all <p> elements on a page. 2. ID Selector uses the ID attribute of our HTML element to select a specific element. The ID element should be unique within a page, so the ID selector is used to select one unique element! To select an element with a specific ID, write a hash (#) character, followed by the ID of the element. The style rule below will be applied to the HTML element with ID="para1": 3. Class Selector selects elements with specific class attributes. To select elements with a specific class, write a period (.) character, followed by the name of the class. In the example below, all HTML elements with class="center" will be red and center-aligned 4. If you have elements with the same style definitions, it will be better to group the selectors, to minimize the code. To group selectors, separate each selector with a comma.

What are the 4 selectors used in CSS? Explain each and their usage.

CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once.

What are the benefits of using CSS in HTML? Give an example of a CSS.

A CSS rule-set consists of a selector and a declaration block. The selector points to the HTML element you want to style. The declaration block contains one or more declarations separated by semicolons. Each declaration includes a CSS property name and a value, separated by a colon. A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly braces.

What are the rule-sets for CSS?

Cascading Style Sheets

What does "CSS" stand for?

CSS is a style sheet language that describes the presentation of an HTML (or XML) document. CSS describes how elements must be rendered on screen, on paper, or in other media.

What is CSS used for?