Hi.
"p" is the paragraph selector which refers to all paragraphs in HTML file like:
-------
This is a paragraph
(in HTML)
------------------------------------------------------
and you refer to it in CSS like this:
p {
color: red;
}(CSS)
-------------------------------------------------------------------------------------------------------------------------------------
".p" is1. a class selector which refers to a maintained class selector in HTML like:
--------
this is used for a specific paragraph of your choice
(HTML)note: you don't insert the dot here.
---------------------------------------------------
and you refer to it in CSS like this:
.p {
color: red;
font-weight: bold;
}(CSS it is rare you use a .p as a name for your selector, you shouldn't, you get confused)
--------------------------------------------------------------------------------------------
2. is again a class selector which is applied to specific HTML element (used alot) like:
----------
paragraph1
paragraph 2
paragraph 3
paragraph 4
(HTML)
------------------------------------------------
and you refer to it in CSS like this:
p.p {
font-style= bold;
}(CSS) this way just the paragraphs which has "p as class" get bold NOTE: the first one doesn't.
----------------------------------------------------------------------------------------------------------------------------------------------
"#p" is an id selector which refers to a maintained id selector in HTML like:
------------------
your name or mine
this is an id selector which is very useful all the times
(HTML)
-----------------------------------------------
and you refer to it in CSS like this:
#top {
color: blue;
background-color: green;
}(CSS)
----------------------------------------------------------------------------------------------------------------------------------
hope it helped.
have fun.