CSS3有哪些新特性？_第1页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、css3有哪些新特性？首先大家应当都知道什么是css？ 容易来说，css就是层叠样式表，是一种用来表现html或xml等文件样式的计算机语言。而css3就是最新的css标准。只要我们能把握了css、css3的各种样式属性，信任大家随心制作美丽大方的页面都是不在话下的。 既然css3是css最新标准，那么css3都有哪些新特性呢？ 下面我们结合容易代码示例，为大家总结几个重要的新特性即新增属性！ 一、rgba和透亮度 rgba是rgb颜色模型的一个扩展。在本质上看也是为设置的元素增强了一个alpha通道，即除了红绿蓝三种色彩外还增强一个代表透亮度的通道，其中rgb值分离表示红色、绿色、蓝色，而a

2、lpha取值则为0到1（小数位一位）。 二、background属性 background-image：设置元素的背景图像。 background-origin：规定背景的定位区域。 background-size：规定背景的尺寸。 background-repeat：设置是否及如何重复背景图像。 三、word-wrap属性 word-wrap属性允许长单词或url地址换行到下一行。 注：全部主流扫瞄器都支持word-wrap属性。 基础语法： word-wrap:normal|break-word; 四、text-shadow属性 text-shadow属性：向文本设置阴影。 text-sh

3、adow基础语法： text-shadow：5px5px5pxff0000; 参数分离表示：水平阴影，垂直阴影，含糊距离，阴影色彩； 五、font-face属性 font-face属性：定义自己的字体 在新的font-face规章中，您必需首先定义字体的名称（比如myfirstfont），然后指向该字体文件。 六、border-radius属性 border-radius属性：是一个简写属性，用于设置四个border-*-radius属性。 基础语法： border-radius:1-4length|%/1-4length|%; 注：该属性允许您为元素添加圆角边框！ 七、border-image属性 border-image：将规定为包围div元素的边框 border-image基础语法： border-image:url(border.png)3030round 八、box-shadow属性 box-shadow属性：向框添加一个或多个阴影。（盒阴影） box-shadow基础语法： box-shadow:10px10px5px888888 九、媒体查询 媒体查询定义两套css，当扫瞄器的尺寸变幻时会采纳不同的属性。 本篇文章就是关于css3新特性的几个重要属性总结，那么在我们css面

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论