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