• +91-9142290450

  • Hajipur, Bihar, 844101

☰
❮
❯

CSS Syntax

← Previous Next →

🔸 What is CSS Syntax?

CSS syntax is the way we write rules to style HTML elements. Each rule consists of:

  • A Selector – targets the HTML element.

  • A Declaration Block – contains one or more declarations inside curly braces {}.

  • A Declaration – consists of a property and a value, separated by a colon :.

🔸 Basic Structure

selector {
  property: value;
}
🔸 Example
p {
  color: red;
  font-size: 18px;
}

  • p is the selector.

  • color and font-size are properties.

  • red and 18px are values.

  • Declarations are separated by semicolons and wrapped in {}.

🔸 CSS Comments

CSS comments are used to explain the code. They are not displayed in the browser.

/* This is a CSS comment */
body {
  background-color: lightblue;
}

🔸 Breakdown Table

Part Example Description
Selector p Targets paragraph elements
Property color Style to apply
Value red Setting of the property
Declaration color: red; Full style instruction
Rule p { color: red; } Complete CSS rule

Practice Questions

Q1. Write a CSS rule to set the color of all <h1> elements to red.

Q2. Write a CSS rule to change the background color of the <body> to yellow.

Q3. Write a CSS rule to make all <p> elements bold.

Q4. Write a CSS rule to assign 300px width to all <div> elements.

Q5. Add a comment above a rule that styles <h2> headings.

Q6. Write a CSS rule to set Arial font for the <body>.

Q7. Write a CSS rule to center-align all <h3> text.

Q8. Write a CSS rule to give 20px padding to all <div> elements.

Q9. Write a CSS rule to set blue color and italic style for <p> elements.

Q10. Write a CSS rule to set grey background and 18px font size to the <body>.

← Previous Next →

CSS

online coding class codepractice

CSS Basics

CSS Styling Properties

CSS Advanced Selectors & Features

CSS Media and Image Styling

CSS Layout Techniques

CSS Flexbox

CSS Grid

CSS Responsive Design (RWD)

codepractice logo
Login
Go Back Top