January 2014
Intermediate to advanced
232 pages
5h 11m
English
As we discussed in Chapter 1, Getting Your Feet Wet, you shouldn’t embed the CSS in your Hiccup templates. Instead, we’ll assign the appropriate ID and class tags to the elements we wish to style. Then we can use those in a CSS file to specify the actual styles for the elements.
First, let’s set a general style for the body of the page. We’ll open the screen.css and set the following style for the body.
| picture-gallery-style-tests/resources/public/css/screen.css | |
| | body { |
| | margin: 0px; |
| | background: #C8D9C9; |
| | color: #525952; |
| | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| | font-size: 13px; |
| | } |
We’ll set the margin to 0 pixels, add background and text colors, and set the default font for the body of our ...
Read now
Unlock full access