HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
A CSS rule 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.
Multiple CSS declarations are separated with semicolons, and declaration blocks are surrounded by curly braces.
In this example all <p> elements will be center-aligned, with a red text color:
p
{
color: red;
text-align: center;
}
Example Explained
p
is a selector in CSS (it points to the HTML element you want to style:
<p>).color
is a property, and red
is the property valuetext-align
is a property, and center
is the property valueYou will learn much more about CSS selectors and CSS properties in the next chapters!