Currently, I know a little CSS, as well as HTML, I have also made several websites. But the design of my sites is always crappy, and so is the code. I really want to make very beautiful sites. Does anyone have any good starting points?
Like this site to get started:
http://net.tutsplus.com/articles/web-roundups/10-hand-picked-tutorials-for-beginning-web-designers/
I suggest you first read some epic posts here:
Why not use tables for layout in HTML?
https://stackoverflow.com/questions/167531/is-it-ok-to-use-a-css-reset-stylesheet
General web interface styles
Should I teach the CSS layout directly to new students, or should I first teach how to make a layout with tables, and then tables without layouts?
CSS fluid layouts
How to make css less?
Also, always keep in mind some important things:
HTML must be semantic. Create your HTML structure as it means not this appearance.
Use CSS for all positioning. Remember that float , position , z-index and clear are your friends.
float
position
z-index
clear
Avoid certain browsers. In fact, almost everything can be done exactly for IE9, Chrome, Firefox, Opera and Safari. We have IE8 (only without CSS3 stuff). Your hard way will be IE7, but it's not much from IE8.
Choose browsers by audience and graphics like this . I no longer care about IE6 and I also focus on IE7.
Using table not a crime. tables was created for tabular data, i.e. grids, lists with more than 2 columns, etc.
table
Using table is a crime. Do not use this for your layout structure, such as menus, headers, footers, etc.
Using a div can also be a crime. "Without tablets" does not mean "Divmore." Your markup should be clean and semantic ever. Dozens of divs are as bad as tables can be.
div
Read the W3C Specifications and understand web standards as you understand your name.
And always discuss (here with us or in many blogs about this) why some approach is better than others.
Good luck
There are many good resources. Here is a list of several that I have used in the past:
http://www.smashingapps.com/2011/03/29/40-excellent-yet-free-css-tools-and-generators-for-developers.html
http://macrabbit.com/cssedit/
http://www.smashingapps.com/2010/04/19/10-excellent-free-web-apps-to-create-css-forms-and-grids.html
http://www.smashingapps.com/2010/07/27/top-17-websites-to-easily-generate-css-grid-layouts.html