Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Lessons:11Length:1.4 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

1.1 Welcome to the Course

Hello and welcome to this Envato Tuts+ course, in which you’ll learn how to style HTML forms.

Styling forms with CSS can often be tricky, especially if you’re trying to get a consistent look across all elements. We have a lot to go through, so let’s kick things off by learning why it’s so difficult to style HTML forms with CSS.

Related Links

1.1 Welcome to the Course

Hello, and welcome to plus course, I'm Adi Purdila. And in this course, you're gonna learn how to style HTML forms. This can be a bit tricky to do with CSS because, while some formal are really easy to style, like inputs and buttons, others are notoriously difficult, like the select. And even if you get the desired look in one browser, there is no guarantee that you're gonna get the same look in different browsers, especially the older ones. Now, here's how we'll structure this course. First, we'll learn why it's so hard to style HTML forms. In lesson two, we'll be working with the appearance property which in most cases will lay down the foundation for better styling. In lesson three, we'll learn how well form elements play with font properties. Lesson four, is all about working with the box model and the associated properties, which are with height margin, padding and border. And lesson five, is about positioning forum elements. In the second chapter of the course, we start by creating some practical examples of styling text inputs. We follow that up with styling examples of buttons. And finally, in lessons 8, 9 and 10, we start using more advanced techniques in order to style checkboxes, radio buttons and select elements. All right, we have a lot to go through. So let's kick things off by learning why it's so hard to style forms with CSS, that's coming up in the next lesson. So I'll see you there.

Back to the top