How to Set Up CSS on Web Hosting Sites

CSS, or Cascading Style Sheets, is an Internet scripting language used for layout, colors and fonts for a website. CSS is used in the website's .html file or in a linked CSS file. Once you have your CSS file you will need to link it to the .html file and upload it to the web host's servers. Once the file is uploaded, the browser will recognize the CSS file and apply it to the web page. To upload the file you will need FTP software that allows you to transfer files from your computer to the web host.

Things You'll Need

  • FTP software
  • HTML file
  • CSS file
  • Text editor
Show More

Instructions

    • 1

      Open the text editor, then load the HTML file by clicking on "File," then "Open," and click on your .html file.

    • 2

      Locate the HEAD tags in the .html file. These tags will be near the top of the file. For example:

      <html>

      <head>

      <title>A Page</title>

      </head>

      <body>

      The HEAD tags will be above the BODY tag.

    • 3

      Insert a link to your CSS file using the LINK tag inside the HEAD tag. For example:

      <html>

      <head>

      <title>A Page</title>

      <LINK REL=StyleSheet HREF="yourfilename.css" TYPE="text/css" MEDIA=screen>

      </head>

      <body>

      Replace yourfilename with the name of your CSS file.

    • 4

      Upload the CSS and HTML files to the web host by FTP. Open the FTP software. The software will have two windows. One shows the files on your computer. Navigate to the folder where your HTML and CSS files are stored. The second window shows the files on your web host. Connect to the web host by entering the address (usually the name of your website with or without the ftp before it. For example yourwebsite.com or ftp.yourwebsite.com. Check with your web host for the address you need to use.) and the password for your website. Highlight the CSS and HTML file and click upload.

Related Searches:

References

Resources

Comments

You May Also Like

Related Ads

Featured