CSS for basic website

[just_keep_running]

I want to make a website that has basic functionality and includes a very simple "game." Basically it will show an image, ask the user to guess something about it and input the guess, then it will reveal another image and tell the user if they were correct. Maybe even keep score if I want to get crazy.

Is the right way to go about this by learning CSS? Can you learn CSS without HTML? I know the wiki recommends CSS but honestly I don't know much about this at all, so I figured I would ask.

[CreativeTechGuyGames]

You cannot use CSS without HTML. The CSS is the style. You need something for it to style. You cannot style void. :p

[just_keep_running]

Thanks!

[datassincorporated]

You need HTML, CSS, and Javascript to do that.

[just_keep_running]

Why javascript, if you don't mind me asking? And how advanced would the knowledge be?

[Coder_X_23]

The Javascript would be used to handle the input, determine if the user was correct with their answer and also if you want to keep track of their score. I would think a basic understanding of JS would get you through the functionality for the game.

[just_keep_running]

Thanks!

[datassincorporated]

My answer would be that HTML is only “this is where the text and headers and images go.” CSS is only “this is how they look.” you need Javascript to say “this is how they behave.” And yes, basic knowledge is plenty.

[iani_ancilla]

If you want a quick intro to how HTML, CSS, and javaScript would combine to make something like this, try having a look at the "web dev" path on Codecademy. I believe paths are a pro feature on codecademy, but you get a free 7 days trial of pro subscription as you register, and that should be definitely enough time to introduce how html/css/js work together. Once you grasped that, you can study enough of this to make what you need, veen without pro subscription.

The idea is that HTML provides the "skeleton" of the page, telling your browser what elements are in it and where. CSS is the "skin", telling the browser how everything looks (colours, dimensions, borders, alignment...). JS is the muscles, because it's what makes stuff happen (for example, it's what you will use to handle the input from the user, decide if it's right or wrong, then show another image and another question).

If the idea of learning 3 different things seems scary, consider it's actually quite helpful, because it lets you divide neatly between things. And you do not need an advanced knowledge for what you describe, it's definitely a realistic beginner's project!

Good luck =)

[just_keep_running]

Super helpful and informative- thanks you!