📄 tryit.asp@filename=trycss_float4
字号:
<html>
<head>
<title>Tryit Editor v1.4</title>
<link rel="stylesheet" type="text/css" href="../tryittheme.css" />
<script type="text/javascript">
function displayad()
{
document.getElementById("adframe").src="../tryitbanner.asp@secid=trycss&rnd=" + Math.random()
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" class="right" align="left">
<iframe id="adframe" style="background-color:#808080" height="90" width="728" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"
src="../tryitbanner.asp@secid=trycss&rnd=0.4620325"></iframe>
</th>
</tr>
</table>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<form action="tryit_view.asp" method="post" target="view"><tr>
<td colspan="2">
<input name="submit" type="submit" value="Edit the text and click me" onclick="displayad()">
</td>
</tr>
<tr>
<td width="50%">
<textarea width="100%" height="400px" style="width:100%;height:400px" name="code" wrap="logical" rows="21" cols="42">
<html>
<head>
<style type="text/css">
span
{
float:left;
width:0.7em;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
}
</style>
</head>
<body>
<p>
<span>T</span>his is some text.
This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
<p>
In the paragraph above, the first letter of the text is embedded in a span element.
The span element has a width that is 0.7 times the size of the current font.
The font-size of the span element is 400% (quite large) and the line-height is 80%.
The font of the letter in the span will be in "Algerian".
</p>
</body>
</html>
</textarea>
</td>
<td>
<iframe width="100%" height="400px" style="width:100%;height:400px;background-color:ffffff" name="view" src="tryit_view.asp@filename=trycss_float4"></iframe>
</td>
</tr>
<tr>
<th colspan="2" class="right" align="left">
Edit the text above, and click on the button to see the result.
</th>
</tr>
</form></table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -