Prev | Current Page 153 | Next

Craig Grannell

"The Essential Guide to CSS and HTML Web Design"


?? Pellentesque tristique senectus et
?? netus et malesuada fames
?? ac turpis egestas.


Curabitur sit amet risus


Lorem ipsum dolor sit amet,
?? consectetuer adipiscing elit. Sed
?? aliquet elementum erat. Integer
?? diam mi, venenatis non, cursus
?? a, hendrerit at, mi. Morbi risus mi, tincidunt ornare, tempus
?? ut, eleifend nec, risus.


Quisque faucibus lorem eget sapien. In urna sem, vehicula ut,
?? mattis et, venenatis at, velit. Ut sodales lacus sed eros.
?? Pellentesque tristique senectus et netus et malesuada fames
?? ac turpis egestas.


Praesent rutrum


Nam scelerisque dignissim quam. Ut bibendum enim in orci. Vivamus
?? ligula nunc, dictum a, tincidunt in, dignissim ac, odio.


Habitant morbid


Nam scelerisque dignissim quam. Ut bibendum enim in orci. Vivamus
?? ligula nunc, dictum a, tincidunt in, dignissim ac, odio.



The code block is simple. The text has three levels of headings, with paragraphs between
them. Everything??™s enclosed in a div element, which will be styled to restrict the width of
its content. This makes it simpler to see how the leading??”defined via line-height??”is
working out. If you were surfing at full-screen on a large monitor, the paragraphs might
only be shown on a single line.
WORKING WITH TYPE
89
3
The default CSS document for these exercises has some rules common to all three examples.
These are shown in the following code block:
* {
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
padding: 20px;
font-size: 62.


Pages:
141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165