vovabulk.blogg.se

Sublime text tutorial
Sublime text tutorial










sublime text tutorial

It can be hard to tell what's going on until you finish the code, so it can be helpful to add a (temporary) colored background to see what's happening: background: red Let's make this a class (so you can re-use it later on), and as this is not a responsive website, make it 900 pixels wide. Before you start, you need a container to put this content in. It's time to move on to the logo and navbar. This prevents any unwanted spacing issues. The html and body tags have their padding and margin set to zero.

#SUBLIME TEXT TUTORIAL FULL#

If you were using a a class, you would use a full stop (.) instead. Notice how the hash sign (#, hashtag, pound sign) is used before the name. You probably won't notice much, and it certainly won't look like a website just yet.įont-family: ' Helvetica', ' Arial' /* initial fonts */īorder-bottom: 1 px solid #D4D4D4 /* dark gray "underline" */ Save your file again and open it in your web browser. Defines a script tag to write your JavaScript in.Defines a style tag to write your CSS in.Includes Font Awesome hosted on Google CDN.Includes jQuery hosted on Google CDN ( what's a CDN).Defines the bare minimum HTML required.* JavaScript goes here, at the bottom of the page */ * CSS goes here, at the top of the page */ If you don't want to learn the details, go grab the full code from the download.












Sublime text tutorial