text属性详解.ppt
- 文档编号:18072409
- 上传时间:2023-08-10
- 格式:PPT
- 页数:15
- 大小:436.50KB
text属性详解.ppt
《text属性详解.ppt》由会员分享,可在线阅读,更多相关《text属性详解.ppt(15页珍藏版)》请在冰点文库上搜索。
文字属性全解,一、text-shadow二、text-overflow三、white-space四、word-wrap,一、text-shadow,text-shadow,语法:
text-shadow:
none|none|,*或none|,*相关属性:
无取值:
指定颜色。
:
由浮点数字和单位标识符组成的长度值。
可为负值。
指定阴影的水平延伸距离。
:
由浮点数字和单位标识符组成的长度值。
不可为负值。
指定模糊效果的作用距离。
如果你仅仅需要模糊效果,将前两个length全部设定为0。
说明:
设置或检索对象中文本的文字是否有阴影及模糊效果。
可以设定多组效果,方式是用逗号隔开。
text-shadow是可以省略前缀的几个CSS属性之一,类似的还有box-shadow,它必须应用于文本,并它们有相同的四个参数:
x-offset水平位移y-offest垂直位移blur模糊值colorofshadow阴影颜色,h1text-shadow:
01px0#fff;color:
#292929;,下面看实例:
text-shadowbodybackground-color:
#666;h1text-shadow:
01px0#fff;color:
#292929;font:
bold90pxArial;padding:
50px;Hello,World!
运行效果(Chrome):
下面用text-shadow实现空心字效果:
h1text-shadow:
01px#000,0-1px0#000,1px00#000,-1px00#000;color:
#fff;font:
bold90pxArial;运行效果(Chrome):
二、text-overflow,语法:
text-overflow:
clip|ellipsis取值:
clip:
不显示省略标记(.),而是简单的裁切。
ellipsis:
当对象内文本溢出时显示省略标记(.)说明:
设置或检索是否使用一个省略标记(.)标示对象内文本的溢出。
text-overflow属性仅是注解,当文本溢出时是否显示省略标记。
并不具备其它的样式属性定义。
要实现溢出时产生省略号的效果还须定义:
强制文本在一行内显示(white-space:
nowrap)及溢出内容为隐藏(overflow:
hidden),只有这样才能实现溢出文本显示省略号的效果。
兼容性:
text-overflow:
cliptext-overflow:
ellipsis从上面的表中我们可以看出,Firefox对text-overflow:
ellipsis这一属性支持不是很好。
下面看个实例:
.test_demo_cliptext-overflow:
clip;overflow:
hidden;white-space:
nowrap;width:
200px;background:
#ccc;.test_demo_ellipsistext-overflow:
ellipsis;overflow:
hidden;white-space:
nowrap;width:
200px;background:
#ccc;text-overflow:
clip不显示省略标记,而是简单的裁切条text-overflow:
ellipsis当对象内文本溢出时显示省略标记运行效果(Chrome):
下面来看一个高级应用:
.boxtext-overflow:
ellipsis;-o-text-overflow:
ellipsis;padding:
20px;color:
#000;overflow:
hidden;white-space:
nowrap;border:
1pxsolid#000;width:
400px;.box:
hoverwhite-space:
normal;color:
#00ff00;background:
#e3e3e3;border:
1pxsolid#666;元和十年,予左迁九江郡司马。
明年秋,送客湓浦口。
闻舟中夜弹琵琶者,听其音,铮铮然有京都声。
问其人,本长安倡女。
尝学琵琶于穆、曹二善才,年长色衰,委身为贾人妇。
遂命酒使快弹数曲,曲罢悯然。
自叙少小时欢乐事,今漂沦憔悴,转徙于江湖间。
予出官二年,恬然自安,感斯人言,是夕始觉有迁谪意。
因为长句,歌以赠之,凡六百一十二言,命曰琵琶行。
浔阳江头夜送客,枫叶荻花秋瑟瑟。
主人下马客在船,举酒欲饮无管弦。
醉不成欢惨将别,别时茫茫江浸月。
忽闻水上琵琶声,主人忘归客不发。
寻声暗问弹者谁,琵琶声停欲语迟。
移船相近邀相见,添酒回灯重开宴。
千呼万唤始出来,犹抱琵琶半遮面。
转轴拨弦三两声,未成曲调先有情。
弦弦掩抑声声思,似诉平生不得意。
低眉信手续续弹,说尽心中无限事。
轻拢慢捻抹复挑,初为霓裳后六幺。
大弦嘈嘈如急雨,小弦切切如私语。
嘈嘈切切错杂弹,大珠小珠落玉盘。
间关莺语花底滑,幽咽泉流冰下难。
冰泉冷涩弦疑绝,疑绝不通声暂歇。
别有幽愁暗恨生,此时无声胜有声。
银瓶乍破水浆迸,铁骑突出刀枪鸣。
曲终收拨当心画,四弦一声如裂帛。
东舟西舫悄无言,唯见江心秋月白。
沉吟放拨插弦中,整顿衣裳起敛容。
自言本是京城女,家在虾蟆陵下住。
十三学得琵琶成,名属教坊第一部。
曲罢曾教善才伏,妆成每被秋娘妒。
五陵年少争缠头,一曲红绡不知数。
钿头云篦击节碎,血色罗裙翻酒污。
今年欢笑复明年,秋月春风等闲度。
弟走从军阿姨死,暮去朝来颜色故。
门前冷落鞍马稀,老大嫁作商人妇。
商人重利轻别离,前月浮梁买茶去。
去来江口守空船,绕船月明江水寒。
夜深忽梦少年事,梦啼妆泪红阑干。
我闻琵琶已叹息,又闻此语重唧唧。
同是天涯沦落人,相逢何必曾相识。
我从去年辞帝京,谪居卧病浔阳城。
浔阳地僻无音乐,终岁不闻丝竹声。
住近湓江地低湿,黄芦苦竹绕宅生。
其间旦暮闻何物,杜鹃啼血猿哀鸣。
春江花朝秋月夜,往往取酒还独倾。
岂无山歌与村笛,呕哑嘲咋难为听。
今夜闻君琵琶语,如听仙乐耳暂明。
莫辞更坐弹一曲,为君翻作琵琶行。
感我此言良久立,却坐促弦弦转急。
凄凄不似向前声,满座重闻皆掩泣。
座中泣下谁最多?
江州司马青衫湿。
运行效果(Chrome):
默认状态下只显示文章的第一句话:
鼠标移动到文字上显示全篇文章内容:
三、white-space,定义和用法white-space属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。
值pre-wrap和pre-line是CSS2.1中新增的。
实例规定段落中的文本不进行换行:
pwhite-space:
nowrap浏览器支持所有浏览器都支持white-space属性。
注释:
任何的版本的InternetExplorer(包括IE8)都不支持属性值inherit。
可能的值:
四、word-wrap属性,版本:
CSS3继承性:
无语法:
word-wrap:
normal|break-word取值:
normal:
控制连续文本换行。
break-word:
内容将在边界内换行。
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
兼容性:
示例:
THANKYOU!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- text 属性 详解
![提示](https://static.bingdoc.com/images/bang_tan.gif)