Dreamweaver Tutorial: Basics of CSS: Styling Tags

Learn all about styling tags and how to write CSS code in Dreamweaver. By the end of this tutorial you will have a good understanding of how to write CSS, how CSS works, and how you can write your CSS code in Dreamweaver.

Follow me on Twitter! http://www.twitter.com/tutvid
Be sure to check out http://www.tutvid.com
Check out the blog @ http://tutvid.wordpress.com

Category:

Education

Tags:

• Dreamweaver
• Tutorial
• Training
• CSS
• Website
• Design
• Styling
• Styles
• Help
• Beginner
• Basics
• Basic
• HTML
• Coding
• CS3
• CS4

[antorobertson]

Theres so many ways you can do this without images man. background color with a bit of padding and width to what ever you like, but nice for beginners.

[tutvid]

Absolutely man, CSS is ultra flexible.

N.

[ANDiTKO]

hey dude.I love your work, but the video quality is bad. I dont know witch program do you use to create your videos but try to export them to mp4 (MPEG 4) with 1280x720 resolution and at least 8mbps bitrate (recomend you 10mbps). Avoid using AVI Formats with codecs that youtube wont convert well. MPEG 4 is the best for Youtube HD. I have done a lot of test.

[tutvid]

@ANDiTKO: Anyone can make suggestions on quality settings.

I use MPEG4, 1280x720 res, but 8mbps!? Try doing a test with a 20 minute video at 8mbps and let me know how long it takes to export and the finished file size!

I need good quality and small files, they save me HDD space and make it easier for everyone to download the videos.

It also takes some time for YouTube to process the video so give it time (right now is has the 720p HD setting available).

N.

[Marvelus2009]

awesome! :)

more plz specially flash

[tutvid]

We have more Flash coming right up!

N.

[wuddlknuddel]

AWESOME! PERFECT TIMING! great teaching! wonderful! ty

[TubesMaster]

Adobe should be paying you for all these stuff you're doing.

5 stars.

[joeygart]

You could really do a lot of things with Dream Weaver.

[govyiu]

so what's the main different of margin and padding-left ??

[DonSegien]

Great tutorial. Keep up the good work.

[Dizzyfish]

I am really, REALLY glad I found your video. I write almost all of my code by hand, and when my friends finally broke down and told me to get with the times, I got dreamweaver. It was really in my face and confusing, but after watching your video, I feel kind of stupid for having thought so. XD Your voice is clear and easy to understand, you do everything nice and easy paced without going so fast I have to pause and rewind every few seconds and your video is clear and easy to see. Thank you!

[marlon6818]

this really not a friendly tutorial to people who don't like coding, I thought he was going to teach how to use the options box on dreamweaver for css.

[MrDillecious]

Awesome video helped loads thanx

[sirClogg]

My icon in front of the text appears only in DW preview but not in browser. Anyone knows what can be wrong?

this is how rule looks like h2 { font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#263C33; background:url(../images/ryba_­h2.jpg) no-repeat; padding-left:60px; line-height:34px; text-transform:uppercase;

}

It should show a little fish infront of h2 tabs but there is nothing: dr.over.cz/ichthys/

[zachnims]

great video man i'm just starting with dreamweaver and this is the best training video i have seen so far.

[mangoprojects]

No, THANK YOU. Thanks for the tutorial.