From the course: Building HTML5 Forms with Dreamweaver

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

CSS for forms

CSS for forms - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

CSS for forms

- [Narrator] Let's start with the most basic CSS style that you use in form design, and that is the form element. Now before diving right into that, I want to point out a couple of things. I'm starting with a very bare bones, completely unstyled form, and I've made that available for you in the exercise files. I also want to note that inside the style element there's no styling at all for the page itself, and I want to just show you the relationship between styling a page and styling a form. So let me create a little, very basic code for a body style that will apply to the entire page. And what I want to you note here is that the form itself inherited all the different styling that I applied to the body, so I just want you to be aware that that's how inheritance works. Next, let's define some basic styling for the form itself. Note over on the live side of the screen how the font styling as well as all the other styling that I applied to the form overrides the styling from the body…

Contents