css3中的字体样式

text-overform:ellipsis省略号/clip裁剪。

overform:hidden溢出隐藏文字。

但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下:

text-overflow:ellipsis; 
overflow:hidden; 
white-space:nowrap; 

同时,word-wrap也可以用来设置文本行为,当前行超过指定容器的边界时是否断开转行。

语法:

normal为浏览器默认值,break-word设置在长单词或 URL地址内部进行换行,此属性不常用,用浏览器默认值即可。

[email protected]:可以设置电脑上没有的字体样式{

font-family

:"MOOC Font"

src:字体文件在服务器上的相对或绝对路径

}

设置字体时p{

font-family:"MOOC Font"

必须项,设置@font-face中font-family同样的值

}

3.

text-shadow可以用来设置文本的阴影效果。

语法:

text-shadow: X-Offset Y-Offset blur color;

X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;

Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;

Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;

Color:是指阴影的颜色,其可以使用rgba色。

比如,我们可以用下面代码实现设置阴影效果。

时间: 2024-10-16 16:41:02

css3中的字体样式的相关文章

CSS中的字体样式和文本样式

CSS中的字体样式: 在手机端设置大小的时候,一般不使用px CSS字体颜色三种表达方式: 1.具体颜色名称         例:color:red; 2.数字 0~255,百分比:0%~100%        例:color:rgb(0%,100%,0%) 3.十六进制:#开头,六位,0~F         例:color:#00880a font-weight文字粗细: font-weight:normal |bold | bolder |lighter | 100~900 400相当于no

详解CSS网页布局中默认字体样式

浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法. 拿字体来说,各个浏览器默认的字体种类.字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此.所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率. 样

css中设置字体样式

font-family: SimHei,"微软雅黑",sans-serif; 注意:加上中文名"微软雅黑"是为了兼容opera浏览器,中文字体名必须加上引号(单引号双引号都可以). 常见中文字体的英文名: 华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 儷黑 Pro:LiHei Pro Medium 儷宋 Pro:LiSong Pro Light 標

css3中新增的样式使用方法

在PC版开发中由于IE原因,我们很少用到css3,但随着平板和智能手机进入我们的生活,以及现在越来越流行,在手机版和平板版开发中我们就可以大胆的使用了,下面我们探讨常用几个css3属性: 1.css3前缀使用介绍,我们直接看个例子: Java代码   -webkit-transform:rotate(-3deg); // 给Chrome和Safari等webkit内核的浏览器使用 -moz-transform:rotate(-3deg);    // 给Firefox浏览器使用 -ms-tran

CSS3中的字体rem

rem和em都是相对单位,em相对父元素的font-size来计算,而rem是根据文档根元素(html)的font-size大小来计算的 通常将html的字体大小设为62.5%(等于10px),当然也可以根据需要任意调整(最好是百分比形式), 除了给html设定字体大小外,我们也可以给body设定默认字体大小,如果设了,没设字体的元素就继承body的字体,而继承body字体的元素字体大小不会随html字体大小的改变而改变,否则就继承html字体

css3中关于伪类的使用

目标: css中after伪类,last-child伪类的使用.以及部分css3的属性. 过程: 在制作导航时,经常会遇到在每一个li后面添加一个分割符号,到最后一个元素的时候,分割符就会去掉的一种效果. 如图 那么制作这样的一个效果,怎么用纯css很简单的完成了.这里用到了css的伪类. html部分 <body> <ul class="nav"> <li><a href="">Home</a></

as3.0 封装一个可垂直居中及左右居中的label,并可以设置其字体样式

下面是封装了一个可设置垂直居中及左右居中的Label,同时可以设置label中的字体样式.代码如下: package myComponent  { import flash.display.Shape; import flash.display.Sprite; import flash.text.StyleSheet; import flash.text.TextField; import flash.text.TextLineMetrics; /**  * ...  * @author lia

超过18种不同Code 128条码的字体样式的条形码控件工具包Code 128 Barcode Font Advantage Package

Code 128 Barcode Font Advantage Package包含了6种不同格式的18种不同的字体样式,可以在Windows, Macintosh, UNIX等多种操作系统下使用.同时您还可以获得相应的字体工具.宏和字体源码编辑工具,更好的方便您在您的应用程序中使用字体样式. 具体功能: Code 128 Font Advantage Package 不仅仅是一个多种字体样式的工具包,它包含了6种不同格式的超过18种不同Code 128条码的字体样式 ,您还将获得针对Code 1

CSS3 - 文字和字体

1,text-overflow 与 word-wrap text-overflow用来设置是否使用省略标记(...)标示对象内文本的溢出 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; whit