css3之文本新属性 - 相关文章

【css3之文本新属性】的更多相关文章

CSS3是CSS(层叠样式表)技术的升级版本,增加了很多新属性,我们在web开发中采用css3技术可以提高程序的性能以及用户体验.而且一般面试中会问到知道哪些新增加的属性,我们不可能将所有东西一一复述给面试官,需要自己有一个清晰的思路,可以选择自己使用过的一些新属性来阐述. 在W3school上css3被划分为模块,其中最重要的CSS3模块包括: 选择器框模型背景及边框.文本效果 2D/3D转换动画多列布局用户界面下面按着自己比较了解的往下写. 一.边框特性 CSS3对网页中的边框进…

css3的Background新属性

前言 CSS3中出现了几种关于背景图片的新属性:background-origin.background-clip.background-position等.之前大致了解了下,但是background-origin与background-clip的区别尚不清楚.就google了一篇,发现不错,翻译下来吧. 原文连接 : The New Background Position in CSS3 Say Hello to Background-Origin and Background-Clip, C…

CSS3中哪些新属性—阴影、文本省略（1）

CSS3中的阴影,我知道的就是盒阴影和文字阴影.两者使用大同小异. 1.文字阴影不知道为啥阴影会被开发出来,觉得这没啥好用啊.用了之后发现好像还行,使页面更有立体感了那么一点点.看起来趣味性强一点. 文字阴影: text-shadow:x,y,z,color; -x偏移量,x轴为文字左边 -y偏移量,y轴为文字顶部 -z:阴影模糊半径 -color:阴影颜色理解x和y的含义,颜色可以叠加的,里面有代码!!!! 注意:阴影可以添加多层!注意;中间逗号间隔,并且需要是完整的一套(就是三个数字都要…

css3几个新属性

1.text-shadow 文字阴影 p{ text-shadow:2px 2px 10px #000; } 四个参数,依次: a:水平偏移 b:垂直偏移 c:阴影程度 d:阴影颜色 2.word-break:break-all 解释:允许单词换行,是紧接前面内容 3.word-wrap:break-word 解释:允许单词换行,是先把单词换一行 4.white-space:nowrap 解释:强制文本不换行 5.text-overflow:ellipsis 解释:显示省略符号来代表被修剪的文…

css3的一些新属性1

<body> /*文本阴影*/ <h1 style="text-shaow:5px 5px 5px #C0F">我爱你</h1> </body> 1. 效果如图: 2.word-wrap: break-word允许文本强制换行 <head> <style> p.test { width:11em; border:1px solid #000000; word-wrap:break-word; } </styl…

css3之背景新属性

background属性属性描述 background-origin 背景图片的定位区域 background-size 背景图片尺寸 background-image:url(),url();允许多个背景图片…

css3之边框新属性

border属性属性描述 border-image 图片边框 border-radius 圆角 box-shadow 矩形阴影…

CSS3学习之 animation 属性

发现animation这个新属性很有趣,在此学习,并整理下! 浏览器支持: Internet Explorer 10.Firefox 以及 Opera 支持 animation 属性: Safari 和 Chrome 支持替代的 -webkit-animation 属性. 定义和用法 animation 属性是一个简写属性,用于设置六个动画属性: animation-name animation-duration animation-timing-function animation-del…

CSS3新属性注释及实例

这里把CSS3的新属性单独拿出来讲解一下: border-radius 属性用于创建圆角 div { border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */ } border-shadow 用于向方框添加阴影 div { width:300px; height:100px; background-color:#ff9900; -moz-box-shadow: 10px 10px 5px #8…