From the course: Building HTML5 Forms with Dreamweaver
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Styling forms with CSS - Dreamweaver Tutorial
From the course: Building HTML5 Forms with Dreamweaver
Styling forms with CSS
- [Instructor] We will returning to styling forms and form inputs in more depth and detail as we walk through different dimensions of making forms inviting, accessible, and responsive. But first, let's quickly establish the essentials of styling a form. This basically involves styling CSS for three elements. I said basically. There's more to it but this is a start. Notice that we already have in the coding a style for the form element itself and that's applying the padding. By the way, I'm using RMS, root MS, as my unit of measurement here, so that everything will be responsive. The form style was already created. The other two styles that we'll need are label and input. Let me do label next. So I'm just adding some basic styling to the label, color and display block, so that each label is on a new row in the form. Next I'll do input. I'm assigning an input color and stretching the default input width to take up the entire width of the form. You probably noticed that I already have a…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.