CSS 字號font-size屬性|蘿卜系統下載站

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

CSS 字號font-size屬性

在HTML中，設置文字的字體需要通過<font>標簽的size屬性。而在CSS中，可以使用font—size來定義字體的大小。

【基本語法】

<font-size：大小的取值>

【語法介紹】

front-size屬性的設置非常靈活，可以有多種指定方式，絕對尺寸、相對尺寸、長度、百分比值都可以用來定義。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<style type="text/css">
.h3 {
font-family: "宋體";
font-size: 18px;
}
.h2 {
font-family: "宋體";
font-size: 16px;
}
.h1 {
font-family: "宋體";
font-size: 14px;
}
.h4 {
font-family: "宋體";
font-size: 24px;
}
</style>
<body>
<p class="h1">落花不會有芳香</p>
<p class="h2">流光不會有再現</p>
<p class="h3">韶華不會有重歸</p>
<p class="h4">你我不會有重返</p>
</body>
</html>

【代碼分析】

此段代碼中首先用樣式font-size定義了不同的字號，然后在正文中對文本應用樣式．在瀏覽器中預覽，如圖所示。

字號font-size運行效果

【素材及源碼下載】

請點擊：CSS 字號font-size屬性下載本實例相關素材及源碼

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

CSS 字號font-size屬性

本類教程下載

系統下載排行