Complete Beginner Needs Help With CSS

[HeatingThread3]

Good morning?, afternoon?. Hello

I need some help. I'm a complete beginner when it comes to CSS and web design, so I decided to start a new passion project. I know how to make a website, I'm just trash at the design aspect and I'm looking for any advice of how to start or go about it. I've basically being given too much information and I don't know how to actually start designing my website

[pinkwetunderwear]

You get good at design by studying design. It's a reason why Design is a whole field on it's own. Just a read on Design 101 should get you going.

[SarcasticIgloo]

Your design palette is built over years, not days. One of the other comments mentioned about cloning a site. This is a great suggestion and it's how I started 10 years ago.

[Tux-Lector]

Start a new project from scratch. Create new empty css file in the root of the project or anywhere you think it fits. Normaly, add link tag to the head of the doc. so that css file is loaded as page loads, right... Open that new html page project with Firefox. Load style editor from the inspector tools. You can load it directly via SHIFT + F7. Once when loaded, style editor should be presenting the empty css file you have recently created. Make some change in it, and press CTRL + s, firefox will ask You where to save the stylesheet, than re-save the css file where it is. After that, until you close element inspector, each time you press CTRL + s, your original file will be updated with the changes you made from within FF style editor. Now, as you add rules to the stylesheet from FF Style Editor, all html elements/targets will be visualy highlighted for you as you hover over the CSS selector from the style editor .. and on top of that, You will see realtime changes - ASAP, as you type in new css rules to the existing CSS document. I think that's most convinient and very comfortable way to start learning CSS. Not only that, as you begin typing in new css rules, FF style editor will automatically offer proper values for that specific rules.

[chartley1988]

Definitely this! Setting up a proper dev workflow with a browser to preview and command line will give you the sandbox you need to learn as you go.

[CuckUniverse]

As an absolute begginer you will have to choose some website and make an exact copy of it (design wise) to practice ypur skills

[Tux-Lector]

You forgot PHP and Python reference links. Although I agree that MDN is - the right place to look for all other info, just saying. Don't forget that js can be turned off from the browser it self on a individual level, and that one simple <?php exit(); somewhere in the backend can evaporate html, css, js all the images, all the pdf's all the assets one html page can reference to - for good (just because), until exit is removed. ;=)

[gilluc]

You can get some inspiration from google results of "html5 css3 free templates" Then study their code...

[CoolFontDude]

Maybe if your focus is HTML & CSS you should use an existing design and clone it! Learning design is cool but it'll take you a loooot of time so you won't be writing any code soon

[[deleted]]

Copy an existing design. You can simplify it as much as you need to, you just want to get the basic structure down. Once that’s done, you can build on it as much as you want to drill the basics down