[研究]CSS font-size字體大小測試
2022-07-18
環境：Visual Studio 2022 + ASP.NET + WebForm + Web Application + C#
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="WebApplication14.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
/* absolute-size，絕對大小值 */<br />
<div style="font-size:xx-small">xx-small 絕對大小值</div>
<div style="font-size:x-small">x-small 絕對大小值</div>
<div style="font-size:small">small 絕對大小值</div>
<div style="font-size:medium">medium 絕對大小值 (預設值)</div>
<div style="font-size:large">large 絕對大小值</div>
<div style="font-size:x-large">x-large 絕對大小值</div>
<div style="font-size:xx-large">xx-large 絕對大小值</div>
<hr />
/* relative-size，相對大小值 */
<div style="font-size:larger">larger 相對大小值</div>
<div style="font-size:smaller">smaller 相對大小值</div>
<hr />
/* length，長度值 */
<div style="font-size:12px">12px 長度值</div>
<div style="font-size:0.8em">0.8em 長度值</div>
<hr />
/* percentage，百分比值 */
<div style="font-size:80%">80% 百分比值</div>
<div style="font-size:inherit">inherit 百分比值</div>
</form>
</body>
</html>
|
測試結果
(完)
沒有留言:
張貼留言