https://www.w3schools.com/Css/ can really be your friend. Just start out in small steps and build.
In a php file, you'll see something like <div id="navMainWrapper">. That's telling php that this is a one-time display of the navMainWrapper. <div class="leftBoxContainer'> will show up several times throughout the site.
In the stylesheet, the navMainWrapper would appear as
Code:
#navMainWrapper { margin: 0em;
background-color: #9a9a9a;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}
You'll note that many things are defined for the navMainWrapper. Just as it's important to use certain syntax in php, it's really important in the stylesheet.
Note the item is listed first, then a space and enclosing brackets (or curly brackets) - { } They've got to be there just as each line of directions ends with a semi-colon. Purists will tell you there doesn't have to be a ; at the end of the last line, BUT if you always use it, you're less likely to forget later.
If you're using Chrome or Firefox for a browser, you can hit F12 and bring up a representation of what the site it doing. What comes up in Chrome is the Console. You can click on Elements in the header to see the code on the left and the css on the right. With each line of code you highlight on the left, the css on the right will change to show you what is used to style that code.
baby steps will get you there.
Bookmarks