Although simple, this is a question I’ve been asked numerous times by learner developers. This “tutorial” assumes you have also never created a html and css webpage before because the two facets are so closely linked.

About

Firstly, you need to understand what CSS is. CSS stands for Cascading StyleSheet and it is the key element of web development. CSS is used to tell a webpage how you want it to look. It can be used to define id’s, classes, and other html elements.

You can load a stylesheet in html using this code:

<link rel=”stylesheet” type=”text/css” href=”yourstyle.css”/>

Example

Now, an example. Create a new file in notepad or a similar text editor and save it as style.css to a folder on your computer. Repeat this and create another file called index.html and save it to the same folder as your style.css file. (…)

“Replace the Form submit button with an image”

When designing a form with a submit button, how do you utilize an image for the button instead of using a plain ol’ grey box?

No problem, just use this code:

<input name=”optional” src=”picture.gif” type=”image” />