Skip to content

Commit 647bfb4

Browse files
committed
move an example
1 parent 8b1ec34 commit 647bfb4

File tree

4 files changed

+59
-0
lines changed

4 files changed

+59
-0
lines changed

alt-style-sheets/default.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
p {
2+
background-color: white;
3+
color: black;
4+
font-size: 14px;
5+
font-style: normal;
6+
font-weight: normal;
7+
font-family: serif;
8+
}
9+
10+
h1 {
11+
text-shadow: 2px 2px 2px #747474;
12+
text-align: center;
13+
font-weight: bold;
14+
font-size: 22px;
15+
font-family: sans-serif;
16+
}

alt-style-sheets/fancy.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
p {
2+
border-style: groove;
3+
border-width: 2px;
4+
background-color: #8d0019;
5+
color: #fcff00;
6+
font-size: 14px;
7+
font-family: Georgia, "Times New Roman", Times, serif;
8+
}
9+
10+
h1 {
11+
background-color: #000c6e;
12+
color: #ff8100;
13+
font-weight: bold;
14+
font-size: 20px;
15+
font-family: "Zapf Chancery", "Comic Sans MS", cursive;
16+
}

alt-style-sheets/index.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<html>
2+
<head>
3+
<title>Alternate Style Sheets example</title>
4+
<link href="default.css" rel="stylesheet" type="text/css" title="Default Style">
5+
<link href="simple.css" rel="alternate stylesheet" type="text/css" title="Simple">
6+
<link href="fancy.css" rel="alternate stylesheet" type="text/css" title="Fancy">
7+
</head>
8+
<body>
9+
<h1>About alternative style sheets</h1>
10+
<p>Firefox offers support for <em>alternative style sheets</em>. Pages that provide alternative style sheets allow the user to select the style in which the page is displayed using the View>Page Style submenu. This provides a way for users to see multiple versions of a page, based on their needs or preferences.</p>
11+
12+
<p>A web page can use the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link">&lt;link&gt;</a> element to add alternative style sheets to a document.</p>
13+
14+
<h1>Try it out!</h1>
15+
<p>Go to the View>Page Style submenu and select a different style to watch this page's look change!</p>
16+
</body>
17+
</html>

alt-style-sheets/simple.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
p {
2+
font-size: 12px;
3+
font-family: sans-serif;
4+
}
5+
6+
h1 {
7+
font-weight: bold;
8+
font-size: 16px;
9+
font-family: sans-serif;
10+
}

0 commit comments

Comments
 (0)