Structure and Formatting of a CSS Rule

CSS Structure and Formatting
Property Lists
Some properties can take multiple values, collectively known as a property list.
/* Two values in this property list */
span {
text-shadow: yellow 0 0 3px, green 4px 4px 10px;
}
/* Alternate Formatting */
span {
text-shadow:
yellow 0 0 3px,
green 4px 4px 10px;
}
CSS Multiple Selectors
When you group CSS selectors, you apply the same styles to several different elements without repeating the styles in your style sheet. Use a comma to separate multiple grouped selectors.
div, p { color: blue }
So the blue color applies to all <div> elements and all <p> elements. Without the comma only <p> elements that are a child of a <div> would be red.
This also applies to all types of selectors.
p, .blue, #first, div span{ color : blue }
This rule applies to:
- <p>
- elements of the blue class
- element with the ID first
- every <span> inside of a <div>
Rules, Selectors, and Declaration Blocks
A CSS rule consists of a selector (e.g. h1) and declaration block ({}).
h1 {}
Css Comments
Single Line comments
/* This is a CSS comment */
div {
color: red; /* This is a CSS comment */
}
Multiple Line comments
/*
This
is
a
CSS
comment
*/
div
{
color: red;
}
ATutorialHub Related Guide
Comments (9)
User Comments

panduranga gupta
2021-07-05 07:03:13good website for learning and help me a lot

raju
2021-09-25 14:58:47The awsome website i am looking like for a long time, good work atutorialhub team keep doing

Shivani
2021-09-01 15:03:56Learning a lot from the courses present on atutorialhub. The courses are very well explained. Great experience

Harshitha
2021-09-10 15:05:45It is very helpful to students and easy to learn the concepts

Sowmya
2021-09-14 15:06:41Great job Tutorials are easy to understand Please make use of it

Zain Khan
2021-09-18 15:07:23Great content and customized courses.

Rudrakshi Bhatt
2021-09-09 15:08:10Well structured coursed and explained really well!

Pavana Somashekar
2021-09-11 15:09:08Good platform for beginners and learn a lot on this website

Sax
2021-09-25 19:35:50Nice website
Leave a Comment