一,效果圖。
?
二,代碼。
?
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Fonts(字體)title>
<style>
body {
font-size: 100%;
}
h1 {
font-style: normal;
font-size: 40px;
font-size: 2.5em;
}
p.serif {
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 30px;
font-size: 1.875em;
}
p.sansserif {
font-family: Arial, Helvetica, sans-serif;
font-style: oblique;
font-size: 14px;
font-size: 0.875em;
}
style>
head>
<body>
<h1>css font-familyh1>
<p class="serif">this is a paragrapth,shown in the times new Roman font.p>
<p class="sansserif">this is a paragraph,shown in the arial font.p>
body>
html>
?
參考資料:《菜鳥教程》
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/1303.html
摘要:本篇主要介紹一種非常好用的圖標(biāo)大法圖標(biāo)字體。圖標(biāo)字體可以非常便捷的去解決以上問題,使用起來也非常簡單。并且改變圖標(biāo)大小只需要改變字體大小就可以了。 本篇主要介紹一種非常好用的圖標(biāo)大法——圖標(biāo)字體(IconFont)。 什么是圖標(biāo)字體?顧名思義,它是一種字體,只不過這個字體顯示的并不是具體的文字之類的,而是各種圖標(biāo)。 網(wǎng)站上經(jīng)常會用到各種圖標(biāo),之前網(wǎng)頁上使用圖...
一,效果圖。 二,代碼。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...
一,效果圖。 二,代碼。 DOCTYPE html> CSS 語法 p { color: red; text-align: center; } Hello world! this paragraph is styled with css ? 參考資料:《菜鳥教程》
一,效果圖。 二,代碼。 DOCTYPE html> CSS id和class選擇器 #para1 { text-align: center; color: red; } .center { text-align: center; } p.center...
摘要:實例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復(fù),設(shè)置實例背景圖片只顯示一次,并與文本分開實例中還添加了屬性用于讓圖片與文本間隔開參考資料菜鳥教程一,效果圖。 二,代碼。 DOCTYPE html> CSS backgrounds h1 { background-color: #6495ed; } ...
閱讀 1436·2021-11-17 09:33
閱讀 3026·2021-10-13 09:39
閱讀 2700·2021-10-09 10:01
閱讀 2451·2021-09-29 09:35
閱讀 3898·2021-09-26 10:01
閱讀 3523·2019-08-26 18:37
閱讀 3154·2019-08-26 13:46
閱讀 1915·2019-08-26 13:39