I'm looking for a freeware or inexpensive (< $100) visual CSS editor. I need an editor that will allow me to position HTML elements visually and assign CSS rules, change properties, etc. It would then generate the stylesheet and the HTML. My reason for needing this is because I am finding that manually guesstimating where HTML elements should be positioned is very time consuming. I think I could do it much faster if I could see the element and place it visually (preferably with some type of 'snap to grid' feature). Thanks.
Sadly the state of drag and drop web development leaves a bit to be desired these days. That being said, there a couple of decent options that can get you part of the way there, although you almost always have to do some work in the code as well.
The two tools that do this visual drag and drop design that I have used are Dreamweaver and Microsoft Expression Web. Both of these tools have helped get me over the hump when I was stumped about how to code something. I often could do it in the gui and then study the CSS and HTML later.
I have used Dreamweaver for years and used Expression Web since it came out depending upon the project. I find I do most of my work in code directly these days and both of tools serve me as well as my usual text editor, Notepad++, but for the drag and drop stuff, these both work excellently.