I want to learn the CSS panel (CSS rule definition - print screen is given below) in Dreamweaver CS6 in details. I want to learn every options in this CSS panel (about - type, background, block, box etc. . . ) in details i.e. what is the meaning . . .? where to use . . .? how to use . . . ? what will be the effect in the design . . .?
But I haven't found any website or videos that will have this tutorial.
Do you know any videos or website that will have this tutorial in details? Please help me.
Use of the CSS Panel assumes you have an understanding of CSS. If this is not the case, perhaps it is better to spend a little time grasping the basics. Then the CSS Panel will begin to make sense.This also keeps you from being locked into a particular workflow, should future changes to Dreamweaver offer different and/or better solutions for working visually with CSS.
Here are a few recommendations, some basic, some advanced:
I have seen all the links, but still I have not found exactly what I want.
Hand coding of CSS is good but I think by using dreamweaver panel - it is easy and faster.
Still I am serching tutorial for CSS panel (css rule definition) in dreamweaver.
I think by using dreamweaver panel - it is easy and faster.
I don't agree. With DW's code hinting, you can do whatever you need in no time. I never use the CSS Editor. There are too many choices in the Editor which you don't need most of the time. For beginners, I think the CSS Editor is confusing. You won't learn much using it.
First learn the CSS Box Model. Everything else is based on this.
You do not need any positioning. Default CSS (static or unspecified) is all that is required for 98% of what you'll be doing.
Learn CSS positioning in 10 Steps
Display & Visibility:
Stacking Order with Z-index (only used with positioned elements):