- 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.Introduction1 lesson, 01:47
1.1Welcome to the Course01:47
2.The Basics of Styling HTML Forms5 lessons, 32:32
2.1A Few Words on Styling HTML Forms07:12
2.2Working With the Appearance Property07:03
2.3Working With Typography05:34
2.4Working With the Box Model06:03
2.5Positioning Form Elements06:40
3.Advanced Techniques for Styling HTML Forms5 lessons, 48:32
3.1Styling Text Inputs20:15
3.2Styling Buttons06:25
3.3Styling Checkboxes10:20
3.4Styling Radio Buttons03:26
3.5Styling Select Elements08:06
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.







