ont 屬性可以用來作為 font-style, font-variant, font-weight, font-size, line-height 和 font-family 屬性的簡寫,或將元素的字體設置為系統字體。
font-family寫法示例:
<style>
p{
font-family: "幼圓";
}
</style>
</head>
<body>
<p>19級啟嘉班</p>
</body>
效果:
、換行:<br>
2、超鏈接:<a></a>
示例源碼:
abc<br>dedfgsadfa<br>
<a href="#">超鏈接的文字</a> reference<br>
<a target="_self">百
度</a><br>
<a target="_blank">
以新窗口打開百度</a><br>
<a title="點擊有驚
喜">帶懸停提示的超鏈接</a><br>
<a title="xxxx"
target="_blank">帶懸停提示點擊以新窗口打開百度
</a><br>
<a title="yyyy"><img
src=cwhello.jpg" alt="yyyy"
style="border:none;"></a><br>
<a href="index1.html">點擊打開相對路徑的網頁</a>
3、字體傾斜:<i></i>、<em></em>
4、字體加粗:<b></b> 、<strong></strong> bold (磅)
5、字體下劃線:<u></u>
6、字體:<font></font>
Color 顏色設置
Size 大小,默認字體大小是12像素(px,pixel),size可以進行縮放,最大+7,最小-7,超出以最大值進行顯示;
Font-size 具體大小
Font-weight 具體粗細
Font-family 字體
Text-decoration 文本修飾
示例源碼:
<i>重<b>蔚</b><u>自</u><font color="red" size="+100" style="font-size:50px;font-weight:900; text-decoration:overline;"><font style="text-decoration:line-through; font-family:'華文行楷';">留地</font></font>!!!</i>
TIPS:默認字體位置c:\windows\fonts 目錄下
7、水平線:<hr>
Solid 固體(實線)、dashed(虛線)、double、dotted、……
<hr style="border:1px double yellow; height:1px;" />
8、列表:無序列表、有序列表
<!--unorderlist 無序-->
<ul>
<li>列表項</li>
<li>列表項</li>
<li>列表項</li>
<li>列表項</li>
</ul>
<!--orderlist 有序-->
<ol>
<li>列表項</li>
<li>列表項</li>
<li>列表項</li>
<li>列表項</li>
</ol>
9、文字上標:<sup></sup>
10、文字下標:<sub></sub>
11、文字標題:
<h1></h1>
<h1></h1>
……
<h6></h6>
TIPS:一個頁面最多用1個H1,2個H2,從H3開始隨意。
12、Seo:Search Enigee Oriented,搜索引擎優化。
13、元標簽:<meta>
<meta http-equiv="keywords" content="XXX美食網 美食 xxx" />
<meta http-equiv="description" content="XXX美食網 主打徽系精品菜系 " />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
14、編碼知識:
Gb2312 國標2312,保存中文第四代簡化字的編碼。
Gbk 包含中文簡體、繁體、火星文
UTF-8 國際通用網頁編碼,保存的文字內容比中文高一位。
1個漢字=2Byte=2*8bit
向上兼容:低版本軟件可以在高版本運行,反之則不一定。
15、容器級標簽:
<p></p> 段落
<div></div> 層
<span></span>
16、其他特殊:
一個英文半角空格
小于 <
大于 >
©
17、標簽分類與轉換:
所有的標簽可以分為二大類
1、塊(block)元素:后面的內容會自動換行!!!
2、內聯(行內inline)元素:后面的內容不會換行!!!
轉換:
<標簽 style=”display:inline;”></標簽>
例1
<a style="display:block;" href="#">aaaa</a>
<a href="#">bbb</a>
例2
<div style="display:inline;">aaa</div>
Bbb
比較下面2段代碼看看效果:
第一段:
<div style="visibility:hidden;">abc</div>
<div>edf</div>
第二段:
<div style=" display:none;">abc</div>
<div>edf</div>
瀏覽器訪問常用快捷鍵:
1) ctrl+鼠標滾輪,可以縮放瀏覽器的內容
2) Ctrl+0 可以使縮放的網頁顯示為正常大小
3) 在DW中F12為預覽快捷鍵
好,我是PPT模板專家——小皮老師。
我已經在頭條累計分享——超過1500套漂亮的PPT模板,有需要PPT模板,找我就對了!
私信回復:下載。點擊我的頭像,即可看到“私信”的按鈕。
前面幾期,我們分享了針對PPT新手的幾篇文章。
PPT新手掌握這5個技巧!做PPT簡直有如神助,附工具下載
PPT新手最常見3大錯誤!現在看還能挽救一下
PPT新手常犯這7個錯誤,你有嗎?附對比圖
還沒看過的小伙伴們可以點擊鏈接查看!
那么,今天小皮老師跟大家分享的是中國風字體。
你看,近些年來,越來越多國潮崛起了!比如說故宮和百雀羚等等。
故宮潮品
百雀羚廣告
中國風的設計也越來越受到關注!將中國風字體運用到設計當中,不僅可以增加設計的文化韻味,還可以提現出咱們民族的設計性。
今天,小皮老師就給大家推薦一波非常好看的中國風字體,從上百款中國風字體里面挑選出來的,真的太美了。
希望大家能夠喜歡,記得點贊關注評論一波哦~感謝大家!
話不多說,開始介紹:
一款帶有古典氣息的漢儀字體,外形和手書體有點像,線條張揚肆意,富有動勢
這是方正字體庫的經典簡體字體,這款字體字形非常美觀,字體端正
大書法家王羲之的一款中文字體,王羲之的字非常好看,具有筆力雄勁,入木三分的特點
一款非常好用的方正字體,字體棱角分明,非常的霸氣和美觀,外加上楷體,看著非常的舒服
是一款很有個性的中文字體,字體輸寫高低不一,很有設計感
一款非常漂亮的毛筆書法字體,這款字體極具力量卻不失美感的字體形式
一款非常獨特的字體,第一眼看上去就非常的大氣美觀,筆畫看上去非常的連貫流暢
字體筆鋒犀利,熱情奔放,非常好看。
融合了楷體、行書的新型字體,字形十分優美,筆鋒細膩
一款出自蘇新詩之手的碑帖字體
10款最美中國風字體,更新完畢!喜歡嗎?
希望越來越多的朋友,都能夠關注中文字體的設計!咱們一起為為中國文化的全新探索一起努力!
再次感謝這些優秀的字體設計師和字體設計公司
注:字體如果要商用,請購買版權哦。
OK,以上就是今天我們分享的內容了!
私信回復關鍵詞:字體! 即可獲得上面10款字體的打包下載的地址。
覺得有點收獲的話,可以幫小皮老師,點贊,評論轉發一下!
歡迎大家留言評論。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。