O'Reilly logo

Vaadin 7 UI Design By Example Beginner's Guide by Alejandro Duarte

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Introduction to CSS and Sass

You know your Vaadin UI components are ultimately rendered as HTML right? HTML is the language that browsers understand. But there is another kind of language that browsers also understand: CSS. CSS stands for Cascading Style Sheets and allows developers and web designers to specify the appearance of a web page in separate files. Suppose you have an HTML file page.html:

<html>
  <body>
    <h1>Hello</h1>

    <div>
      I'm a div :)
    </div>

  </body>
</html>

This page will be rendered like this:

Introduction to CSS and Sass

With CSS, we can create a .css file to specify styling rules. Let's say we want to change the background and font colors of the body content. We ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required