Chapter 11: Introducing CSS

Saying It with Style

Script 11.1

This is the HTML file for all of the examples in this chapter. It includes a call to the CSS files in each of the following examples.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Taming of the Shrew</title>
	<style type="text/css">@import "script02.css";</style>
</head>
<body>
	<div class="menu">
		<a href="act1.html">Act I</a> | <a href="act2.html">Act II</a> | <a href="act3.html">Act III</a> | <a href="act4.html">Act IV</a> | <a href="act5.html">Act V</a> 
	</div>
	<p class="directions">Enter <span class="character">Katharina</span></p>
	<img src="images/shrew.gif" alt="Shrew folio" width="242" height="402" align="left" />
	<div class="character">Petruchio</div>
	<div class="dialog">
		Good morrow, Kate; for that's your name, I hear.
	</div>
	<div class="character">Katharina</div>
	<div class="dialog">
		Well have you heard, but something hard of hearing:<br />
		They call me Katharina that do talk of me.
	</div>
	<div class="character" id="week1">Petruchio</div>
	<div class="dialog">
		You lie, in faith; for you are call'd plain Kate,<br />
		And bonny Kate and sometimes Kate the curst;<br />
		But Kate, the prettiest Kate in Christendom<br />
		Kate of Kate Hall, my super-dainty Kate,<br />
		For dainties are all Kates, and therefore, Kate,<br />
		Take this of me, Kate of my consolation;<br />
		Hearing thy mildness praised in every town,<br />
		Thy virtues spoke of, and thy beauty sounded,<br />
		Yet not so deeply as to thee belongs,<br />
		Myself am moved to woo thee for my wife.
	</div>
	<div class="character">Katharina</div>
	<div class="dialog" id="week2">
		Moved! in good time: let him that moved you hither<br />
		Remove you hence: I knew you at the first<br />
		You were a moveable.
	</div>
</body>
</html>

Script 11.2

This CSS add style to the body and img tags.

Contents:

Saying It with Style

Script 11.1

Script 11.2

Images: