How would I put a different header image on each page? I'm pretty new, can I accomplish that with just css or no?

Myles,

There are a number of different ways you can achieve this, depending on how you're building your site. If your site is static, pure HTML/CSS, then you simply put in a unique image on each of your pages. If you're building a dynamic site with something like PHP, you can add variables and dynamically insert different images per page. If you're building a WordPress site, it'll be similar to the PHP example, but potentially even simpler depending on the options you have available and the theme that you choose.

It's all relative!

Erik

Yes - you should be able to achieve that with just CSS and HTML by giving the header on each html page a different class or individual ID - then just have a different background image for the header associated with each class or ID.

For example have a look at this codepen

It's certainly doable in just HTML and CSS, but the actual implementation sort of depends on what you want to do. If you want to have a fixed image on each page (like you have a specific picture for your About page, a specific one on your Portfolio page, or whatever), you can give your headers on each page a specific class like

class="about-header"

and then use the

background-img

property in CSS to select those specific classes, then specify the images.

If you need something that like randomly assigns a header picture to a page, you can do it in JavaScript without a whole lot of hassle.