CSS3(4)文本效果

作者: RachelCT | 来源:发表于2019-02-01 22:27 被阅读3次

CSS3中提供了丰富的特效,使用起来也更加便捷。今天学习了一下css3中的文本效果。下面是对新的文本属性的总结:


CSS3文本效果

关于上面的属性总结,我们主要关注右边标蓝的部分就好,左边的标灰属性几乎主流的浏览器都不支持,这有点尴尬。但是本着“天生我材必有用”的道理,我们还是可以了解一下的。
关于右边的属性,对个别做一下解释。
对于text-align-last 属性我们可以设置参数不同,从而控制最后一行文本是靠右、靠左或者居中等显示方式。text-overflow: clip|ellipsis|string;实现文本溢出时直接裁剪、用省略号表示溢出文本、用给定字符串表示溢出文本。
关于文本效果属性的使用还是非常有用的,想起来以前没有系统地看基础知识时碰到过文本溢出的问题,当时就各种百度,最后把被人的方法copy过来,虽然表面上实现了效果,心里根本不明白为什么。还是踏踏实实补点基础吧。

相关文章

  • CSS3 文本效果

    1、CSS3 文本效果 CSS3中包含几个新的文本特征。 文本属性: text-shadowbox-shadowt...

  • CSS3(4)文本效果

    CSS3中提供了丰富的特效,使用起来也更加便捷。今天学习了一下css3中的文本效果。下面是对新的文本属性的总结: ...

  • CSS3 文本效果+字体

    CSS3 文本效果 CSS3中包含几个新的文本特征。在本章中您将了解以下文本属性: text-shadow 属性...

  • web前端面试提问总结:

    学过CSS3吗?CSS3的新增特性有哪些? 主要是文本效果、边框、图片、字体、背景效果、阴影效果、色彩类: RGB...

  • CSS3 基础(2)——文本效果和字体

    CSS3 文本效果 text-shadow 文本阴影 box-shadow 盒子阴影 text-overflow文...

  • markdown 使用技巧

    1.斜体 效果:文本内容 2.粗体 效果:文本内容 3.斜体+加粗 效果: 文本内容 4.删除线 效果:文本内容 ...

  • 前端学习代码实例-CSS3文本凹凸效果代码实例

    css3实现了文本的凹凸效果,所谓的凹凸效果,就是那种具有立体凿刻的感觉。 代码实例如下:

  • 4.2 字体+边框+背景笔记总结

    1、css3文本效果:1)文本属性1.1)text-shadow:5px 5px 5px #f66;指定多个阴影:...

  • 2018-12-30

    css3被划分为模块,其中重要的模块有: 1.选择器2.框模型3.背景和边框4.文本效果5.2D/3D转换6.动画...

  • css3文本效果

    1.文本阴影:text-shadow 效果图:QQ图片20180415115255.png 2.阴影效果 :box...

网友评论

    本文标题:CSS3(4)文本效果

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