CSS3有哪些新特性？

1. CSS3实现圆角（border-radius），阴影（box-shadow），

2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）

3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜

4. 增加了更多的CSS选择器多背景 rgba

5. 在CSS3中唯一引入的伪元素是 ::selection.

6. 媒体查询，多栏布局

7. border-image

时间： 2024-10-28 10:05:51

CSS3有哪些新特性？的相关文章

CSS3 的一些新特性以及效果

深入了解 CSS3 新特性来源: ibmdeveloperworks 发布时间: 2012-02-06 15:34 阅读: 5114 次推荐: 3 原文链接 [收藏] 摘要:现如今,随着 Web2.0 技术的流行,之前的 CSS2 标准和相关技术似乎已经满足不了日益增长的开发需求:人们需要实现更加美观.用户体验更好的界面.CSS3,这个新一代的标准应运而生.为了满足现有的对于 Web UI 的开发需求,它提供了一系列强大的功能,如许多新的 CSS 属性(文字,布局,颜色等等),

CSS3 值得称赞新特性

Html5和CSS3相信大家现在都已不陌生了吧,但CSS3哪些新特性值得我们去称赞呢? 首先还是让大家来看几张效果图,相信大家看到这些效果图,肯定会说这些效果只用CSS是如何实现的呢? 1.3D正方形及动画(如果大家用过webpack的话,一定看过webpack的动画logo吧.听老婆大人说现在流行动画的logo,再也不是那些静止不动的喽 :>.) 2.3D正方形边框移动 3.CSS挤压效果在以上的效果中值得一提的特性如: 1.CSS进行渐变背影的设置,在background中添加了linea

CSS3中的新特性

一.CSS3新属性 1.CSS3边框边框添加了三种特性,圆角边框border-radius,盒阴影box-shadow,图片边框border-image. 圆角边框border-radius语法:border-radius: 1-4 length|% / 1-4 length|%;默认值:0;. 解释:符号"/"前后分别表示长半轴与短半轴的长度,x轴为长半轴.每个半径的四个值的顺序是:左上角,右上角,右下角,左下角.如果省略左下角,与右上角是相同的.如果省略右下角,与左上角是相同的.

CSS3有哪些新特性

在项目开发中我们采用的CSS3新特性有 1.CSS3的选择器 1)E:last-child 匹配父元素的最后一个子元素E.2)E:nth-child(n)匹配父元素的第n个子元素E. 3)E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E. 2. @Font-face 特性 Font-face 可以用来加载字体样式,而且它还能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体. @font-face { font-family: BorderWeb;

html5 css3表单新特性

2如何给不支持新特性的浏览器打补丁1 2如何给不支持新特性的浏览器打补丁1Modernizr补丁下载 <!DOCTYPE html> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="

Html5 与CSS3中的新特性

Html5 绘画 canvas 元素用于媒介回放的 video 和 audio 元素本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失: sessionStorage 的数据在浏览器关闭后自动删除语意化更好的内容元素,比如 article.footer.header.nav.section 表单控件,calendar.date.time.email.url.search CSS3 CSS3实现圆角(border-radius),阴影(box-shadow), 对文

[css] css3 中的新特性加强记忆

css3被拆分成如下的小模块,选择器,盒模型,背景和边框,文字特效,2D/3D转换,动画,多列布局和用户界面 2D转换使用transform:属性来为元素设置2D转换,兼容浏览器加前缀 –webkit- -moz- 使用rotate()方法,让元素旋转一定的角度,参数:角度例如:transform:rotate(30deg); deg是角度的单位使用translate()方法,让元素位移,参数:x轴 ,y轴例如:transform:translate(10px,10px); 使用sca

HTML5和CSS3中的交互新特性

当文章的标题是一副用photoshop制作的图片,那么势必在搜索引擎中无法搜索到.并且因为图片的体积不算小.可能在网速慢的的时候不得不耐心的等待图片的刷新. 所以.我们来谈谈有没有一种新的方法能够避免这些缺点. 什么是HTML5和CSS3 HTML和CSS并不难理解.HTML为构成网页的主要语言.通过这样的语言.我们能够向计算机说明网页格式.内容.显示效果等等.而CSS则是专门用来控制网页显示效果的语言. HTML 5的新特性 1. 新的内容标签 HTML4中的内容标签级别同样,无法区分各部分内

CSS选择符、属性继承、优先级算法以及CSS3新增伪类、新特性

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?CSS新增了哪些特性?下面我整理了一些,仅供参考. CSS 选择符: 1) id选择器(# myid) 2) 类选择器(.myclassname) 3) 标签选择器(div, h1, p) 4) 相邻选择器(h1 + p) 5) 子选择器(ul > li) 6) 后代选择器(li a) 7) 通配符选择器( * ) 8) 属性选择器