整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML的文字样式

ont 属性可以用来作为 font-style, font-variant, font-weight, font-size, line-height 和 font-family 属性的简写,或将元素的字体设置为系统字体。

字体修改

  • font-family 属性:设置HTML页面中的字体
  • font-size 属性:设置字体大小
  • font-weight 属性:设置字体的粗细程度
  • font-style 属性:设置指定字体样式

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 href="http://www.cwhello.com" target="_self">百

度</a><br>

<a href="http://www.cwhello.com" target="_blank">

以新窗口打开百度</a><br>

<a href="http://www.cwhello.com" title="点击有惊

喜">带悬停提示的超链接</a><br>

<a href="http://www.cwhello.com" title="xxxx"

target="_blank">带悬停提示点击以新窗口打开百度

</a><br>

<a href="http://www.cwhello.com" 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、其他特殊:

一个英文半角空格 &nbsp;

小于 &lt;

大于 &gt;

&copy;

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个错误,你有吗?附对比图

还没看过的小伙伴们可以点击链接查看!

那么,今天小皮老师跟大家分享的是中国风字体。

你看,近些年来,越来越多国潮崛起了!比如说故宫和百雀羚等等。

故宫潮品

百雀羚广告

中国风的设计也越来越受到关注!将中国风字体运用到设计当中,不仅可以增加设计的文化韵味,还可以提现出咱们民族的设计性。

今天,小皮老师就给大家推荐一波非常好看的中国风字体,从上百款中国风字体里面挑选出来的,真的太美了。

希望大家能够喜欢,记得点赞关注评论一波哦~感谢大家!

话不多说,开始介绍:

第1款:汉仪秦川飞影W

一款带有古典气息的汉仪字体,外形和手书体有点像,线条张扬肆意,富有动势

第2款:方正清刻本悦宋

这是方正字体库的经典简体字体,这款字体字形非常美观,字体端正

第3款:王羲之书法字体

大书法家王羲之的一款中文字体,王羲之的字非常好看,具有笔力雄劲,入木三分的特点

第4款:苏新诗柳楷简

一款非常好用的方正字体,字体棱角分明,非常的霸气和美观,外加上楷体,看着非常的舒服

第5款:魚石行書

是一款很有个性的中文字体,字体输写高低不一,很有设计感

第6款:日文毛笔

一款非常漂亮的毛笔书法字体,这款字体极具力量却不失美感的字体形式

第7款:潮字社凌渡鲲鹏字体

一款非常独特的字体,第一眼看上去就非常的大气美观,笔画看上去非常的连贯流畅

第8款:康熙字典書寫體

字体笔锋犀利,热情奔放,非常好看。

第9款:腾祥伯当行楷简

融合了楷体、行书的新型字体,字形十分优美,笔锋细腻

第10款:苏新诗爨宝子简

一款出自苏新诗之手的碑帖字体


10款最美中国风字体,更新完毕!喜欢吗?

希望越来越多的朋友,都能够关注中文字体的设计!咱们一起为为中国文化的全新探索一起努力!

再次感谢这些优秀的字体设计师和字体设计公司

注:字体如果要商用,请购买版权哦。


OK,以上就是今天我们分享的内容了!

私信回复关键词:字体! 即可获得上面10款字体的打包下载的地址。

觉得有点收获的话,可以帮小皮老师,点赞,评论转发一下!

欢迎大家留言评论。

(此处已添加圈子卡片,请到客户端查看)