Basic CSS class
File set up is the most important part of the whole document. All folders work so they have no capitals and no spaces, use dashes. 
Name everything so it makes sense for what it is, i.e man walking dog, not image 1, etc. Future proofing the whole project, as it is going to be easier for you or anyone else that is using it in the future.
Logos should always be PNGs. SVG takes mathematical points to make it a pathway, makes it move without it having an image.
HTML= Structure/content, Text, Photos, Links, etc.
CSS= Design, pretty bit, colours, font, etc.
JavaScript= Extra features, Controls content, Slideshows, Fades, Animations, etc.
This always goes at the top of a HTML file:
<!DOCTYPEhtml>
<html>
<head>
<title>Browsr Title Here</title>
</head>
<body>
Visable Content
</body>
</html>
<p> paragraph </p>
<strong> strong text </strong>
<b> bold </b>
<u> underline </u>
<i> italic </i>
You can double these up, so have bold and italic text. Just write <b><i> Text </i></b>
<ul> </ul> = Unordered list
<ol> </ol> = Ordered list (With numbers)
<li> </li> = List item
Hex codes are used to add exact colours into the code.
Box model is what helps you to understand how to put things in boxes, etc. Do research into it. You have to work out how wide you want it, then do the padding accordingly.
Comments
Post a Comment