美文网首页
css3-文字与字体相关样式

css3-文字与字体相关样式

作者: 咕叽咕叽_6130 | 来源:发表于2019-07-26 20:34 被阅读0次

text-shadow属性-给文字添加阴影

1.text-shadow属性的使用方法

给页面上的文字添加阴影效果


image.png
image.png

位移距离:前两个参数为阴影离开文字的横方向位移距离与纵方向位移距离,必须指定这两个参数,可对这两个参数指定负数值。
阴影的模糊半径:第三个参数是阴影的模糊半径,代表阴影向外模糊时的模糊范围,可选参数
颜色:可放在其他三个参数之前或之后,可选参数。
指定多个阴影:


image.png

2.word-break属性

浏览器本省自动换行,在css3中,可以使用word-break属性决定自动换行的方法,不仅可以让浏览器实现半角空格或连字符后面的换行,还可以让浏览器在任意位置的换行。

image.png

3.word-wrap属性-让长单词和URL地址自动换行

URL地址中没有连字符是,浏览器将其视为一个比较长的单词来显示。


image.png

4.web Font与@font-face属性

页面使用字体必须在客户端中被安装才能正常显示,否则显示替代字体;如果替代字体没有在客户端安装时,这个字体就不能正常显示。
在css3中,新增Web Font功能,网页可以使用安装在服务器端的字体,只要某个字体在服务器端安装,就能正常显示。
不知道这节存在的意义是什么。我的功夫还没练到家,以后慢慢学习。

5.font-size-adjust属性-修改字体种类而保持字体尺寸不变

需要每个字体自带aspect值(比例值)。
新罗马字体如下:


image.png
image.png
image.png

相关文章

  • css3-文字与字体相关样式

    text-shadow属性-给文字添加阴影 1.text-shadow属性的使用方法 给页面上的文字添加阴影效果 ...

  • CSS3 文字与字体相关样式

    一、给文字添加阴影 语法:length1—阴影离开文字横向方向的距离length2—阴影离开文字纵向方向的距离le...

  • [iOS]中字体样式设置 API

    今天项目需求里要求给文字设置字体样式, 以前的工作中并没有涉及字体样式的设置, 后来在网上找到了相关的方法, 这里...

  • 九、CSS字体属性与文本属性

    一、CSS字体属性与文本属性 1、CSS字体属性 CSS Fonts(字体)属性用于定义、大小、粗细、和文字样式(...

  • CSS格式化排版

    文字排版-字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。 这里注意不要设置不常用的字体...

  • css3-背景相关样式

  • 2019-04-17 css样式

    css样式导入 文字样式 字体大小 最小不可以小于十二像素 字体类型 字体加粗 bold=700 字体风格 it...

  • CSS全局样式的设置

    默认字体设置,边距设置 去除默认边距 链接相关样式 排版相关样式 内嵌文本相关样式 表单文本相关样式 结尾给大家分...

  • CSS格式化排版

    CSS格式化排版 (1)文字排版 文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式...

  • day01--CSS

    一:文字属性 包括文字样式,文字粗细,文字大小,文字字体 font-style( 文字样式) font-weigh...

网友评论

      本文标题:css3-文字与字体相关样式

      本文链接:https://www.haomeiwen.com/subject/lwxjrctx.html